User:Mazu/Sandbox: Difference between revisions

From The Urban Dead Wiki
Jump to navigationJump to search
(→‎Stacking Div's beside each other: shall play with this later)
(New Project: The Ripple Effect)
Line 692: Line 692:
|}
|}
|}
|}
=The Ripple Effect=
Trying to recreate water ripples by use of a radial gradient.
<b>Snytax for all browsers:</b>
background-image:    -moz-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%); <br>
background-image: -webkit-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%);  <br>
background-image: -ms-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%);  <br>
background-image: -o-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%);  <br>
----
I'm just playing with FF for now, I'll C/P the code into the rest of them later.
<div style="width:400px; height: 400px; background-image:  -moz-radial-gradient(center 45deg, circle closest-side, orange 0%, red 100%);"></div>

Revision as of 15:10, 10 June 2012

Mazu's Sandbox