Úprava souboru index.html
This commit is contained in:
parent
ee8624439b
commit
5da57ceb2b
1 changed files with 4 additions and 9 deletions
13
index.html
13
index.html
|
@ -11,11 +11,6 @@
|
||||||
<link href="style.css" rel="stylesheet" type="text/css" />
|
<link href="style.css" rel="stylesheet" type="text/css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id='' style='background-color:#000; width:800px; height:1000px; position:relative'><!-- id='holder' -->
|
|
||||||
|
|
||||||
<div id='effect' style='position:absolute; width:800px; height:1000px'>
|
|
||||||
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
|
||||||
<script src='https://cdnjs.cloudflare.com/ajax/libs/ismobilejs/0.4.1/isMobile.min.js'></script>
|
|
||||||
<div class="content light-rays glow">
|
<div class="content light-rays glow">
|
||||||
<img width="100%" src="alien3.png" style="">
|
<img width="100%" src="alien3.png" style="">
|
||||||
<div class="glow" style="margin-top: -15.5rem; opacity: 30%;">
|
<div class="glow" style="margin-top: -15.5rem; opacity: 30%;">
|
||||||
|
@ -29,14 +24,14 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id='effect' style='position:absolute; width:800px; height:300px'>
|
||||||
<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.
|
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>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||||
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/ismobilejs/0.4.1/isMobile.min.js'></script>
|
||||||
|
|
||||||
<script id="rendered-js" >
|
<script id="rendered-js" >
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue