Kezdőoldal » Számítástechnika » Programozás » CSS-ben csináltam egy olyat,...

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;}

}

2018. febr. 23. 20:16
Hasznos számodra ez a válasz?
 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!