Website Development Prices

Search Blog

Friday, March 4, 2016

CSS: Fade in neon glow tekst efekat (Fade in neon glow text effect)


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;

}

Save this file as style.css.

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.