CSS Ile Div'i Döndürme

Merhaba Arkadaşlar Bugünkü Dersimizde Sizlere CSS İle Div'i Döndürmeyi Göstereceğim

Aşağıdaki Gibi Bir Div Oluşturacağız Ve Döndüreceğiz


Kodlarımızı Yazmaya Başlayalım

CSS Kodu

<style type="text/css"> #div { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; width: 150px; height: 150px; background-color: #06F } #div:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } </style>

HTML Kodu

<div id="div"></div>

Kodların Tamamı (Birleşik)

<div id="div"> </div> <style type="text/css"> #div { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; width: 150px; height: 150px; background-color: #06F } #div:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } </style>


Kodlarımızı İnceleyelim

Döndürme Kodlarımız