ΚΕΙΜΕΝΟ ΠΟΥ ΑΝΑΒΟΣΒΗΝΕΙ ΚΑΙ ΑΥΞΟΜΕΙΩΝΕΤΑΙ

ΚΕΙΜΕΝΟ ΠΟΥ ΑΝΑΒΟΣΒΗΝΕΙ ΚΑΙ ΑΥΞΟΜΕΙΩΝΕΤΑΙ.

Με τον παρακάτω απλό κώδικα html και css μπορείτε να κάνετε ένα κείμενο να αλλάζει χρώματα και να αυξομειώνεται. Μπορείτε επίσης μέσα σε αυτό το κείμενο να βάλετε και link. Αντιγράψτε τον κώδικα σε ένα gadget της πλευρικής σας μπάρας αφού αλλάξετε το κείμενο και το link που έχω βάλει με τα δικά σας. Μπορείτε να το δείτε σε λειτουργία ακριβώς κάτω από τον κώδικα.

<style>

.blinking{animation:blinkingText 4.0s infinite;}

@keyframes blinkingText{

0%{font:10px arial;background:#FFFF00;color:#000000;}

10%{font:11px arial;background:#66FF66;color:#000000;}

20%{font:12px arial;background:#00FFFF;color:#000000;}

30%{font:13px arial;background:#FFCC99;color:#000000;}

40%{font:14px arial;background:#FFFF00;color:#000000;}

50%{font:15px arial;background:#66FF66;color:#000000;}

60%{font:16px arial;background:#00FFFF;color:#000000;}

70%{font:17px arial;background:#FFCC99;color:#000000;}

80%{font:18px arial;background:#FFFF00;color:#000000;}

90%{font:19px arial;background:#66FF66;color:#000000;}

100%{font:20px arial;background:#00FFFF;color:#000000;}}

</style>

<span class="blinking">ΔΕΙΤΕ ΤΟ BLOG MOY</span></br>

<span class="blinking">ΠΑΤΩΝΤΑΣ ΑΥΤΟ ΤΟ LINK ▼</span></br>

<span class="blinking"><a href="http://the-best-widgets.blogspot.gr" target="_blank">W I D G E T S...F O R...B L O G S</a></span>

ΔΕΙΤΕ ΤΟ BLOG MOY
ΠΑΤΩΝΤΑΣ ΑΥΤΟ ΤΟ LINK ▼
W I D G E T S...F O R...B L O G S