overflow: hidden;
width: СУММА_ВСЕХ_БЛОКОВ;
transform: translate3d(СУММА_ТРЕХ_БЛОКОВ_И_ОФФСЕТ, 0px, 0px);
<?php
$data = array(1,2,3,4,5,6);
$newData = array();
foreach($data as $key => $value) {
if ( ($key+1)%2 ) {
$newData[$value] = $data[$key+1];
}
}
print_r($newData);
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 );
<script>
jQuery('.work-item-move').each(function(){
var thisElem = jQuery(this);
var k=1.36;
k = (thisElem.attr('class').indexOf('full-width')!=-1) ? 3 : 1.36;
var getElemWidth = thisElem.width();
var getElemHeight = getElemWidth/k;
var centerX = getElemWidth/2;
var centerY = getElemHeight/2;
thisElem.css({'height' : getElemHeight});
thisElem.mouseenter(function(){
thisElem.on('mousemove', function (e) {
var mouseX = e.pageX - thisElem.offset().left;
var mouseY = e.pageY - thisElem.offset().top;
var mouseDistX = (mouseX / centerX) * 100 - 100;
var mouseDistY = (mouseY / centerY) * 100 - 100;
thisElem.find('img').css({
'left': -(mouseDistX/6.64) - 15 + "%",
'top': -(mouseDistY/6.64) - 15 + "%"
});
});
thisElem.find('a').fadeIn('fast');
}).mouseleave(function(){
thisElem.find('a').fadeOut('fast');
});
});
</script>