[SOLVED] I have a problem relating to CSS animation. Please help me out.

Question

Check this code: - https://code.sololearn.com/W1s3MTItgbBb/?ref=app

In this code, I want the script in the scroll to appear only after the scroll is opened fully. Please show codes. Thank you...

Answer 1

okay now you'll have to nest another div element in scroll,name it class innerscroll.
now embed all your text in innerscroll.in css do
.innerscroll{
animation:opaque 3s linear alternate;
animation-delay:4.8s;
}
@keyframes opaque{
from{
opacity:0;
}
to{
opacity:1
}
}
it will work,remove all the JavaScript

Answer 2

here you go
https://code.sololearn.com/W1LZAfXycMiq/?ref=app

Answer 3

thank you Brains, but there is no alternative to java, can i do the same using CSS and HTML

Answer 4

yes it can be done with css,but it will take more time

Answer 5

Brains, can you please paste the codes here, i want that CSS one, or rather explain me. Thank You...

Answer 6

Thanks Brains