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:
Vítejte na webu
HTML Kody
HTML Kody