/* eklentileri.blogspot.com zoom efekti kod sonu */ ul.thumb { float: left; list-style: none; margin: 0; padding: 10px; width: 360px; } ul.thumb li { margin: 0; padding: 5px; float: left; position: relative; /* Set the absolute positioning base coordinate */ width: 110px; height: 110px; } ul.thumb li img { width: 100px; height: 100px; /* Set the small thumbnail size */ -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0; } ul.thumb li img.hover { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBJCLValtn2x6Pz8IMNISu33JLjxFJcVRPfpX5gpYzuDpDE3yutYI_nhwpf3oP-9GPVON4BicIZJaf3h31Gc45boTEZS4Bt2KIawqG-mPzdwNkJexRByAhNr-2y3LIXbvBJO9hLbmPbkoq/) no-repeat center center; /* Image used as background on hover effect border: none; /* eklentileri.blogspot.com zoom efekti kod sonu*/ } .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 60px; height:60px; } .bubblewrap li img{ width: 50px; /* width of each image.*/ height: 50px; /* height of each image.*/ border:0; margin-right: 4px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.3); /*scale up image 1.3x*/ -webkit-transform:scale(1.3); -o-transform:scale(1.3); } *************************************************************************************************************************************************************************************************************************************************************************************************************

Bizi takip edin. :)

Yayın yok.
Yayın yok.