3D točící se ikonka

Vypadá to trochu jednoduše, ale i tato CSS3 ikonka může uvítat návštěvníky vašeho webu:

Kód:

<style>@keyframes vitejte { from { transform: rotateY(0deg); -webkit-transform: rotateY(0deg) } to { transform: rotateY(360deg); -webkit-transform: rotateY(360deg) } } @-webkit-keyframes vitejte { from { transform: rotateY(0deg); -webkit-transform: rotateY(0deg) } to { transform: rotateY(360deg); -webkit-transform: rotateY(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: