javascript - Skrollr Fading out of text -
I am trying to fade and fade a text using the scroller. Below is the code snippet
& lt; Div id = "style" data-100 = "opacity: 0;" Data -600 = "opacity: 1;" Data -700 = "opacity: 0;" & Gt; Hauda World & lt; / Div & gt;
CSS is as follows
#style {font-size: 80px; White color; Text align: center; Status: fixed; }
Feed in and fade out are working as expected, but the text is not connected to the center. Should I use the situation with data attributes to achieve it or where I am wrong.
Because you have applied "status: fixed" to "div" will be presented. So you have to set "width" to 100% if you want to align the text on the document.
#style {font-size: 80px; White color; Text align: center; Status: fixed; Width: 100%; }
Hope this is useful.
Comments
Post a Comment