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 >
2025-02-13 09:34:35 +01:00
< div class = "content light-rays" >
2025-02-13 09:53:35 +01:00
< img width = "100%" src = "alien3.png" style = "" >
< div style = "margin-top: -15rem;" >
2025-02-13 08:27:51 +01:00
< div class = "marquee" >
< div class = "marquee_blur" aria-hidden = "true" >
2025-02-13 09:53:35 +01:00
< p class = "marquee_text" > AREA-51 · CZ!< / p >
2025-02-13 08:27:51 +01:00
< / div >
< div class = "marquee_clear" >
2025-02-13 09:53:35 +01:00
< p class = "marquee_text" > AREA-51 · CZ!< / p >
2025-02-13 08:27:51 +01:00
< / div >
< / div >
2025-02-13 09:53:35 +01:00
< / 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 >
