CSS3 uvítání na webu – točící ikonka

Tato sympatická CSS3 animace musí nadchnout úplně každého, tedy i návštěvníky vašeho webu:

Kód:

<style>@keyframes vitejte { from { transform: rotate(0deg); -webkit-transform: rotate(0deg) } to { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } @-webkit-keyframes vitejte { from { transform: rotate(0deg); -webkit-transform: rotate(0deg) } to { transform: rotate(360deg); -webkit-transform: rotate(360deg) } }  .vitejte { animation: vitejte 7s linear infinite; -webkit-animation: vitejte 7s linear infinite; background-color: #f8a263; display: inline-block; padding: 2px }</style>

<div class=“vitejte“>Vítejte na webu<br>HTML Kody</div>

Ukázka: