Category Archives: javascript

Rate this with jQuery.

The main index.html file come with this source code: <!doctype html> <html> <head> <meta charset=”utf-8″> <title>Emoticons – rate this …</title> <link href=”ratethis.css” rel=”stylesheet” type=”text/css” /> <script src=”jquery-2.2.0.js”></script> <script src=”ratethis.js”></script> </head> <body> <br/> <br/> <br/> <br/> <br/> <input type=”hidden” value=”amo” class=”rate_it”/> <script> $(‘.rate_it’).ratethis(); </script> </body> </html> The ratethis.css come with this source code: .ratethis  { display:… Read More »

Simple shadow text with CSS with webkit-filter.

This simple example will put one shadow to the text. The source code is simple and the goal come with filter and webkit-filter: drop-shadow. <!DOCTYPE html> <html> <head> <title>Exemple text shadow.</title> <style> .element{ width: 300px; height: 300px; float: left; } .element:hover{ -webkit-filter: drop-shadow(5px 5px 5px black); filter: drop-shadow(5px 5px 5px black); } </style> </head> <body>… Read More »

Flash example with jQuery.

Just created a box with colors and also put the text into it. This example will flash your eyes but also you can used with any effects. <!DOCTYPE html> <html> <head> <title>Flash example</title> <script src=”jquery-2.2.0.js”></script> <style type=”text/css”> #canvas_id { position: fixed; left: 0px; top: 0px; z-index: -10; width: 100%; height: 100%; } html, body {… Read More »