Rotating image hover trick for Blogger.


Δώστε στις εικόνες σας ζωντάνια και κίνηση. Δίνει τη δυνατότητα στις εικόνες των αναρτήσεών σας να κάνουν μια μικρή κλίση προς τα δεξιά αμέσως τις μόλις ακουμπήσει κάποιος με το ποντίκι.
Ακολουθήστε τα παρακάτω βήματα για να εφαρμόσετε τον κώδικα στο δικό του blog:

  • Σύνδεση στον Blogger
  • Πρότυπο / Επεξεργασία HTML / Συνέχεια
  • Βρείτε την ]]></b:skin>



  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:




    • .post img:hover {
        -moz-transform: scale(1.2) rotate(-350deg);
        -webkit-transform: scale(1.2) rotate(-350deg);
        -o-transform: scale(1.2) rotate(-350deg);
        -ms-transform: scale(1.2) rotate(-350deg);
        transform: scale(1.2) rotate(-350deg);
        -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
        -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
        box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    }

    Αποθηκεύστε το πρότυπό σας και είστε έτοιμοι. 

     ΠΗΓΗ
    Κατηγορίες:
    Σχόλια