Web sayfanız içerisinde basitçe yapabileceğiniz hareketli ve eğlenceli birşeyler olsun istiyorsanız bir de bunu deneyin. Alanya Gezi Treni sayfasında alt kısımda göreceğiniz hareketli trenin kodu şu şekildedir. Biraz incelerseniz siz de çok kolaylıkla yapabilirsiniz. HTML Kodu: <div style="width: 100%; background-color: #fff; overflow: hidden; height: 70px; position: relative;"> <div style="position: absolute; width: 50px; height: 30px;" class="tren"> <img src='../images/alanya-gezi-treni-kucuk.png' /> </div> </div> CSS Kodu: .tren { -webkit-animation: hareket 25s infinite; /* Safari 4+ */ -moz-animation: hareket 25s infinite; /* Fx 5+ */ -o-animation: hareket 25s infinite; /* Opera 12+ */ animation: ...
Personal weblog of Selim Özbudak