Wavy Text

Written by @kerixa 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:


About @kerixa

I am Krishna Eydat. I studied Software Engineering at University of Waterloo in Canada. I lead a few tech companies. I am passionate about the way we are connected. I would like to be part of something big or be the big deal!

K

Comments


Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300

TRENDING POST
1
2
3
4
5
VISITORS
Online Users: 12
Recent Members: gech, ben.reed@laingbuisson.com, javaboy, Estevan Belo, Shahmeer
advertisement 2