32 lines
1,017 B
HTML
Executable file
32 lines
1,017 B
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<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 -->
|
|
<link href="style.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
<body>
|
|
<div class="content light-rays">
|
|
|
|
<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>
|
|
|
|
<p class="text">
|
|
<img align="left" width="50%" src="alien3.png" style="padding-top: 0.4rem; padding-right: 2rem;">
|
|
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>
|
|
</div>
|
|
</body>
|
|
</html>
|