Wavy Text
Written by 21 August 2012
In order to make your website more beautiful, you should use special styles for different elements of your website. One of these elements is the titles and headlines on your website. Like this code which gives a special style to the texts or headlines. By using this code, the texts will be wavy. Interesting!
Code Snippet:
<!-- this script is provided by www.javascriptfreecode.com coded by: Kerixa Inc. -->
<HTML>
<HEAD>
<STYLE>
DIV.aFilter {FILTER:PROGID:DXIMAGETRANSFORM.MICROSOFT.WAVE(
strength=7,
freq=3,
lightstrength=100,
add=0,
phase=0);
width: 150px; color: #8080FF;font-size:30px;font-weight:bold;
text-align :Center;
}
</STYLE>
<SCRIPT language="javascript">
function doWave()
{
document.getElementById("myDiv").filters[0].phase += 10;
status = document.getElementById("myDiv").filters[0].phase ;
}
</SCRIPT>
</HEAD>
<BODY OnLoad="window.setInterval('doWave();',100);" >
<DIV CLASS="aFilter" id="myDiv"> http://javascriptfreecode.com</DIV>
<br />
</BODY>
</HTML>
<a target='_blank' href='www.javascriptfreecode.com' style='font-size: 8pt; text-decoration: none'>JavaScript Best Codes</a>
Example:
Let's stay in touch
Get the latest and greatest javascript codes directly to your mail
TRENDING POST
VISITORS
Online Users:
12
Recent Members:
gech, ben.reed@laingbuisson.com, javaboy, Estevan Belo, Shahmeer
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!