» home
» contact
» terms of use

FREE SCRIPTS
» new
» text
» image
» utility
» background
» animation
» date/time

FREE ONLINE TOOLS
» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test

FREE BASIC SNIPLETS
» alert box
» image: multi-rollover
» pop-up: centering
» more

FREE'N'CRAZY
» realtime death counter
» eyeQ
» fun ticker

RECOMMENDED LINKS
» www.dynamicdrive.com
» www.hotscripts.com

CSS3 Message Propeller
Do you want a text display that's much more eyecatching than any text ticker or scroller? Try this unique linkable CSS3 message propeller! The special propelling effect is supported by browsers, that are CSS3-ready (Firefox3.6+, Chrome 4+, Safari 4+, Opera 10.5+). All other browsers show clean message display.




Configuration:

Step 1: Open your webpage and paste the following code anywhere between <body> and </body>:



Step 2: Go inside the <style>-tags and configure the style of the text and box

Step 3: Go to the lines below the <script>-tag and configure the messages and links as well as the width and height of the message Propeller.