selim:ozbudak

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:         hareket 25s infinite; /* IE 10+ */ } @-webkit-keyframes hareket2 {   0%   { left: -200px; }   100% { left: 1800px; } }