CSS-ben csináltam egy olyat, hogy az opacity 0-ról 100-ra menjen, egy alapból 0 opacity-s Span-nak, de mikor végbe megy az animáció, vissza ugrik az alapértelmezett 0-ra. Hogyan lehetne megoldani, hogy 100-on maradjon az opacity-je?
Figyelt kérdés
span{
opacity: 0;
animation: mymove 3s;
animation-delay: 3s;
}
@keyframes mymove {
from{opacity: 0;}
to{opacity: 100;}
}
((Ha kiveszem az opacity:0-t, akkor alapból látszódni fog a Span tartalma, tehát ez nem jó megoldás.))
2018. febr. 23. 19:32
1/3 sharkxxx válasza:
span {
animation-name: mymove;
animation-duration: 3s;
animation-delay: 3s;
animation-fill-mode: both;
}
@keyframes mymove {
from {opacity: 0.0;}
to {opacity: 1.0;}
}
2/3 A kérdező kommentje:
Köszi. És azt, hogy középről kezdjen el nőni a width, ne pedig balról-jobbra?
2018. febr. 23. 20:33
3/3 A kérdező kommentje:
megvan. hozzá adtam a left + width-et is. ty.
2018. febr. 23. 20:35
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!