Some very cool Gradient /skins/backgrounds for activity feed or layout background for your network

#example5 {
background-image: -moz-radial-gradient(red,green,blue,purple,orange);
background-image: -webkit-gradient(radial, center center, 0, center center, 220, color-stop(0.20, red), color-stop(0.40, green), color-stop(0.6,blue), color-stop(0.8,purple), color-stop(1,orange)); /* old */
background-image: -webkit-radial-gradient(red, green, blue, purple, orange); /* new syntax */
background-image: radial-gradient(red, green, blue, purple, orange);
}

#example6 {
background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
}

#example4 {
background-image: -moz-radial-gradient(orange, red);
background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(orange), to(red)); /* old */
background-image: -webkit-radial-gradient(orange, red); /* new syntax */
background-image: radial-gradient(orange, red);
}

#example3{
/* fallback */
background-color:#063053;
/* chrome 2+, safari 4+; multiple color stops */
background-image:-webkit-gradient(linear, left bottom, right top, color-stop(0.32, #063053), color-stop(0.66, #395873), color-stop(0.83, #5c7c99));
/* chrome 10+, safari 5.1+ */
background-image:-webkit-linear-gradient(45deg, #063053, #395873, #5c7c99);
/* firefox; multiple color stops */
background-image:-moz-linear-gradient(45deg, #063053, #395873, #5c7c99);
/* ie10 */
background-image: -ms-linear-gradient(45deg, #063053 0%, #395873 100%);
/* opera 11.1 */
background-image: -o-linear-gradient(45deg, #063053, #395873);
/* The "standard" */
background-image: linear-gradient(45deg, #063053, #395873);
}

just add in advance css section..(remove the word example before installing)

cheers

im using example #4 if you want to see example..yubasutterconnect.com

Tags: Skin.background, css3, layout

Views: 268

Reply to This

Replies to This Discussion

Some pretty Groovy Colours Solo  Nice work :-)

thanks

RSS

Latest Activity

Writer Chick {Diane} replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Oh, I wasn't even referring to my site. I don't care what people think about how my site…"
22 minutes ago

NC for Hire
SweetPotato replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"I don't think I was critiquing your site. Not even looked at it to tell the truth. Eye of the…"
1 hour ago

NC for Hire
SweetPotato replied to Elshara Silverheart's discussion 'Another Feature Request For Ning 3.0'
"I hope paid access Ida bit more fleshed out them the previous iteration. Supporting multiple…"
1 hour ago
Elshara Silverheart replied to Elshara Silverheart's discussion 'Another Feature Request For Ning 3.0'
"You know what, I figured this was in the making along with several other developments. Pricing is…"
2 hours ago
Profile IconNora Roste, Marisa, Cigdem Kobu and 4 more joined Creators
2 hours ago
Allison Leahy replied to soaringeagle's discussion '3.0 priority fix list'
"Great. Thanks!"
2 hours ago
Allison Leahy replied to Elshara Silverheart's discussion 'Another Feature Request For Ning 3.0'
"Thanks for these extensibility and feature requests, Elshara. Expanding and improving social…"
2 hours ago
Jelena replied to soaringeagle's discussion '3.0 priority fix list'
"Very good points"
2 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service