HTML kod
<!DOCTYPE html>
<html>
<head>
<title>CSS: Fade in neon glow tekst efekat</title>
<meta charset="UTF-8"/>
<meta name="description" content="Description that search reads" />
<meta name="keywords" content="page keywords, keywords" />
<meta name="author" content="Marija Rikic">
<link rel="icon" type="image/png" href="images/favicon.jpg">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script>
$(document).ready(function() {
$('body').hide().fadeIn(5000);
});
</script>
</head>
<body>
<h1>Fade in NEON glow TEKST efekat</h1>
</body>
</html>
CSS kod
body {
background-color: black;
}
h1 {
text-align: center;
font-size: 50px;
font-family: "Georgia";
color: #ffffff;
text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff,
0 0 20px #ff0080, 0 0 30px #ff0080,
0 0 40px #ff0080, 0 0 55px #ff0080,
0 0 75px #ff0080;
}
Sacuvajte ovaj fajl kao style.css.
JavaScript kod za jquery-1.11.3.js mozete preuzeti ovde.
Rezultat:
HTML code
<!DOCTYPE html>
<html>
<head>
<title>CSS: Fade in neon glow text effect</title>
<meta charset="UTF-8"/>
<meta name="description" content="Description that search reads" />
<meta name="keywords" content="page keywords, keywords" />
<meta name="author" content="Marija Rikic">
<link rel="icon" type="image/png" href="images/favicon.jpg">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script>
$(document).ready(function() {
$('body').hide().fadeIn(5000);
});
</script>
</head>
<body>
<h1>Fade in NEON glow TEXT effect</h1>
</body>
</html>
CSS code
body {
background-color: black;
}
h1 {
text-align: center;
font-size: 50px;
font-family: "Georgia";
color: #ffffff;
text-shadow: 0 0 5px #ffffff, 0 0 10px #ffffff,
0 0 20px #ff0080, 0 0 30px #ff0080,
0 0 40px #ff0080, 0 0 55px #ff0080,
0 0 75px #ff0080;
}
JavaScript code for jquery-1.11.3.js you can download here.
Result:
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.