Jump to content

Kayan Yazı Bilgilendirme Çubuğu


İbrahim TELCİ

Recommended Posts

Merhabalar. 

Formun alt tarafında kayan yazı ile bir bilgilendirme çubuğu oluşturmak istiyorum. Bunu Timer ile yaptığımda pek akışkan olmuyor. Donmalar oluyor. Farklı bir yol ile nasıl yapabilirim. Öneriniz var mı?

Cevaplarınız için şimdiden teşekkürler.

Link to comment
Share on other sites

Bilgilendirme için teşekkürler. Aşağıdaki CSS ile olayı çözdüm. Gayet sağlıklı çalışıyor. Belki başka birilerinin de işine yarar.

@keyframes slide {
  from { left:100%; transform: translate(0, 0); }
  to { left: -100%; transform: translate(-100%, 0); }
}
@-webkit-keyframes slide {
  from { left:100%; transform: translate(0, 0); }
  to { left: -100%; transform: translate(-100%, 0); }
}

.marquee { 
  overflow:hidden;
  position:absolute;
  white-space: nowrap;
  animation-name: slide;
  animation-duration: 50s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 50s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count: infinite;
}


 

  • Like 2
Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...