Ralph Corbett, M.S.

Web DesignerSoftware Engineer



This works best in FireFox!
Use this instant CSS box shadow generator
to find the hidden messages contained in Twitter, or other, headlines.
Options: a single mouse click over a word, or a Random Shadow Generator.
Use the Multiple Box button to make some cool box shadow factorial art.
Tips and Tricks   Gallery of Art

Weeee!


Enter text

Step 1


Random %











Count 0

Remaining 5000

Add a box-shadow to highlight your text below with a mouse click, or use the random shadow generator
to add one or many boxes; square or round with some color.
Make a Tag Cloud with links by going into the HTML code below, and add your own anchor links!
Rotate text around and add height to the boxes. Free spin each box shadow, or use the presets.
Color the shadows. Change the text size, line spacing, padding.
Add padding to change the box height or width, or to make a circle, if you dont like ovals.

1. Click the tab "Enter Text", then enter text into the box.
2. Select one of the three options below - Manual, One, or Multiple.
3. Use the random radio dials for the second two options. Change these at any time.

1. Click Tab 2 - "Multiple box / Make Factorial Art" below.
2. Select Free Spin which is Manual only, or Set Spin for any of the three options.

3. Free Spin: Manual only.
    1. Make a box shadow !!
    2. Hover over shadow to make it spin.

4. Set Spin: Any


    1. Manual
        1. Make box shadow !!
        2. Click "Set Spin" button, make
degree of spin, click word.

2. Random Shadow Generator buttons
    1. Click "Set Spin" button, make degree of spin.
    2. Click either of the Random Shadow Generator buttons.
    3. Go back and fourth between these buttons, and
" Set Spin" > setting degree of spin. Change "Random %" !!
    4. Use arrows on right of Set Degree for a small number.
    5. Prior clicks / spins keep their position.
    6. Use this to make some factorial art!

Get the HTML code below then add it to your website, or screen capture with a system utility:

Apple Windows
Shift Command 4 Snipping Tool




Manual

Step 2

Random shadow generators


Paint your words.
Click button above.
Click color then a word.
Repeat.

One box shadow.
Click button for new random.
Change random % anytime.
Change color anytime.

 x 

Multiple shadows!!
Keep clicking button above.
Change color, random %, repeat.
Prior clicks keep their colors.


Result

A fun number line

Choose the numbers as paint for the canvas

Use computer arrows for faster navigation. Click the text or radio button.


Change Text while rotating?

1. Click the Yes button first.

2. Change Text Size.

 

Parts Text Size will effect.






































































1.

Pick a color

Current







Enter Your Own
ex: Red, Blue, LightGoldenrodYellow...

2.

Select part to color

  -Click to use-
Shadow
Boxed in Text
Boxed in Background
Text
Background

Color
Theme 1

Color
Theme 2

Color
Theme 3

Manual setting only.
Hover over boxed words.

Using Multiple Box option? Click button, hover over dial below to set.

1. Set degree. ➤ ➤ ➤
2. Click any word for manual
or
3. Click either of the random
    buttons.

See Tab 4 above.

Set Degree

Use same colors


Current position:

°

0

180°

0°

270°

Cats & Dogs >>

90°


Run Multiple Box / Make Factorial Art!

Art invading rest of page? Use "More" buttons on left.

Fun
Under "Cycle1" or "Cycle 2" below, click the buttons on left to activate that catageory.
Then:


1. Set #Shadows
    here

2. Set degree under tab 2 -
    "Rotate Box." Use either
    Free Spin or Set Spin

3. Set color themes under tab 1 -
    "Color the Box." Choose theme
    here


 x 

Cycle 1 - Up Phase

5

0

1

Cycle 2 - Down Phase

5

0

1


Some fonts will not work on some browsers.

Current Box Shadow Font

Trebuchet MS

1.

Current Background Text Font

Trebuchet MS

Select

2.

Copy and Paste this into a webpage.
Must be HTML5!


Add      Current

Padding     Size











Shadow Shape

Eyeballs

Manual


 x