$(window).on('mousemove', function(e) {
var w = $(window).width();
var h = $(window).height();
var offsetX = 0.5 - e.pageX / w;
var offsetY = 0.5 - e.pageY / h;
$(".parallax").each(function(i,el){
var offset = parseInt($(el).data('offset'));
var translate = "translate3d(" + Math.round(offsetX * offset)
+ "px," + Math.round(offsetY * offset) + "px, 0px)";
console.log(translate)
var rotate = "rotate3d(" + Math.round(offsetX * offset)
+ "deg," + Math.round(offsetY * offset) + "deg, 0, 0)";
console.log(rotate)
$(el).css({
'transform':translate,
'transform':rotate
})
})
})
Во-первых, одинаковые ключи у объекта не бывают - побеждает последний:
console.log({
'transform': "translate(1px, 1px)",
'transform': "rotate(90deg)"
}['transform'])
Во-вторых, в css только одно свойство transform
, значения которого надо перечислять через пробел:
$(el).css('transform', translate + " " + rotate)
либо
$(el).css({
transform: translate + " " + rotate
})
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Есть ли в javascript (или хотя бы в node js), рекомендуемый тип данных, аналогичный хеш таблицам, для хранения уникальности строк большого размера?
Добрый день, я делаю анимацию контуров, но есть один элемент который я не могу анимировать по контурам (странная кривая, смотрите ниже), поэтому...