2025-01-30 04:21:55 +01:00
<!DOCTYPE html>
2025-01-30 05:34:50 +01:00
< html lang = "cs" >
2025-01-30 04:21:55 +01:00
< head >
< meta charset = "utf-8" >
< title > White | responsive bootstrap3 html5 one page template< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
<!-- CSS -->
2025-02-13 08:32:53 +01:00
< link href = "style.css" rel = "stylesheet" type = "text/css" / >
2025-02-13 08:27:51 +01:00
< / head >
< body >
< div class = "content" >
< div class = "marquee" >
< div class = "marquee_blur" aria-hidden = "true" >
< p class = "marquee_text" > Lorem ipsum dolor sit amet!< / p >
< / div >
< div class = "marquee_clear" >
< p class = "marquee_text" > Lorem ipsum dolor sit amet!< / p >
< / div >
< / div >
2025-01-30 04:21:55 +01:00
2025-02-13 08:27:51 +01:00
< p class = "text" >
I wanted to make a Gooey Marquee type effect, tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable.
< / p >
2025-01-30 04:21:55 +01:00
< / div >
< / body >
< / html >
