Ads 468x60px

Παρασκευή, 31 Ιανουαρίου 2014

Amazing Image Morph Effect To Post Images

Φίλες και φίλοι γεια σας, ένας εκπληκτικός Paul Crowe μας προσφέρει έναν
ακόμα κώδικα CSS, με τον οποίο δίνουμε στις φωτογραφίες των αναρτήσεων
του blog μας ένα υπέροχο Image Morph Effect!Ένα πολύ ωραίο effect που
λειτουργεί όταν περάσει ο κέρσορας μας πάνω από την εικόνα (mouseover)!




Δείτε εδώ το DEMO


Θα πρέπει  να εγκαταστήσουμε τον κώδικα  CSS και για να γίνει
αυτό
:

κάνετε Αντιγραφή τον πάρα κάτω κώδικα: 
..............................................................................................................................................................

/* CSS Image Morph http://www.spiceupyourblog.com */
.post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
.post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
/* CSS Image Morph http://www.spiceupyourblog.com */


.......................................................................................................................................................
και για να τον επικολλήσετε 

 Πηγαίνετε blogger-->Πρότυπο--->Προσαρμογή


και ακολουθήστε τον εικονογραφημένο οδηγό...







 


 Αυτό ήταν!!

Καλή επιτυχία!!! 


Πηγή κώδικα 
thanks to spiceupyourblog





Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog