CSS Animasyonda Nesnenin Gittiği Yerde Kalması

06.09.2014 11:17

Giyotin WM Aracı Kullanıcı

Üyelik 18.08.2014
Yaş/Cinsiyet 30 / E
Meslek Reklam ve Tasarım Atölyesi
Konum İstanbul Avrupa

Ad Soyad U** C**
Mesajlar 19
Beğeniler 16 / 2
Ticaret 0, (%0)

@keyframes sagakaydir{

		from {margin-left:0}

		to {margin-left:800px}

	}

	

		.flip-content {

		margin-left:800px

	    transition: 0.6s;

	    transform-style: preserve-3d;

	    position: relative;

		border: 3 px solid #FFF ;

		animation-name:sagakaydir;

		animation-duration: 2s;

	}

Öncelikle merhaba herkese kolay gelsin arkadaşlar.Bir sorum olacaktı.CSS te bu kodu kullanarak resmi sağa doğru hareketini sağlıyorum.İstediğim hareket sonunda yerinde kalması.Şuanki durum animasyon bitince başa dönmesi.Bunu nasıl engelleyebilirim.Teşekkürler

06.09.2014 12:13

#2

BatuhanUyar Copyright Kullanıcı

Üyelik 24.06.2014
Yaş/Cinsiyet 27 / E
Meslek PHP
Konum Ankara

Ad Soyad B** U**
Mesajlar 587
Beğeniler 11 / 112
Ticaret 2, (%100)

duration süresini baya yüksek bi sayı yapıp deneyin

1 kişi bu mesajı beğendi.

06.09.2014 12:37

#3

cgrclk Fortis Fortuna Adiuvat Kullanıcı

Üyelik 18.11.2011
Yaş/Cinsiyet 35 / E
Meslek Web Developer
Konum İstanbul Avrupa

Ad Soyad B** Ç**
Mesajlar 3270
Beğeniler 1014 / 1983
Ticaret 53, (%100)

Bu kodları dener misiniz? Döngüyü sabitlemesi lazım.

-webkit-animation-iteration-count:1;
animation-iteration-count: 1;

1 kişi bu mesajı beğendi.

06.09.2014 13:52

#4

Giyotin WM Aracı Kullanıcı

Üyelik 18.08.2014
Yaş/Cinsiyet 30 / E
Meslek Reklam ve Tasarım Atölyesi
Konum İstanbul Avrupa

Ad Soyad U** C**
Mesajlar 19
Beğeniler 16 / 2
Ticaret 0, (%0)

Kodu yeniden yazdım.Herşey aynı olmasına rağmen çalışmıyor.Daha sizinkileride deneyemedim.Artık hiç hareket etmiyor:(Kapalı süslü parantezin rengi koyu kırmızı oldu.Fakat nerde hata yaptığımı bir türlü anlamadım.

@charset "utf-8";

/* CSS Document */



@keyframes ilkDenemem{

		from {margin-left:0}

		to {margin-left:800px}

	}

	

	

	

.facebook

	{

		margin-top:-100px;

		width:155px;

		height:35px;

		border: 1px solid #F30;

		animation-name: ilkDenemem;

	        animation-duraction: 2s;

		

	}

Ek Olarak: Sorun ÇÖZÜLDÜ duraction yazmışım.Onu düzelttim :D .Animasyonun bittiği yeri de konumu olarak ayarlayınca sorun halloldu.Orda sürekli kalıyor.Hepinize çok teşekkür ederim.O kodlarıda hemen deniyorum.

1 kişi bu mesajı beğendi.

CSS Animasyonda Nesnenin Gittiği Yerde Kalması

Üye Girişi Yap