Do a barrel roll code, ο κώδικας για τα δικά σου εφέ

by Stefanos Kofopoulos • On 04-01-2012 • AT 3:00 am • 1 ΣΧΟΛΙΟ
Internet

Do a barrel roll code, ο κώδικας για τα δικά σου εφέ

Το Google τάραξε τα νερά με το Do a barrel roll εφέ πριν μερικές εβδομάδες. Μια ολόκληρη σελίδα έκανε τούμπες χωρίς την χρήση πολύπλοκου κώδικα. Για την ακρίβεια το Google do a barrel roll χρησιμοποίησε μόνο CSS3 και τίποτα άλλο. Τώρα το do a barrel roll code είναι διαθέσιμο σε όποιον θέλει να εντυπωσιάσει ή να πειράξει τους αναγνώστες της σελίδας του. Με μερικές γραμμές CSS3 και ένα μοντέρνο browser ολόκληρο το site κάνει τούμπες στην διάρκεια που έχει ρυθμιστεί.

Do a barrel roll source code

Ο κώδικας για το do a barrel roll εφέ είναι ο εξής:

.barrel_roll {
-webkit-transition: -webkit-transform 4s ease;
-webkit-transform: rotate(360deg);
-moz-transition: -moz-transform 4s ease;
-moz-transform: rotate(360deg);
-o-transition: -o-transform 4s ease;
-o-transform: rotate(360deg);
transition: transform 4s ease;
transform: rotate(360deg);
}

Θα πρέπει να ενσωματώσετε τον παραπάνω κώδικα μέσα σε style tag και απευθείας στην HTML για να πετύχετε το εφέ.

CareerNet.gr: Βρείτε τώρα τη δουλειά που σας ταιριάζει!

1 ΣΧΟΛΙΟ

  1. Πολυ χρησιμο :)

Top

Show Buttons
Hide Buttons