Is it possible to create a css to have an effect like this? 

Tags: animation, zoom

Views: 278

Reply to This

Replies to This Discussion

yes i got a combo effect on mine  if you look at my mrmbers list it  zooms, twists and  goes round

this code will do it all

div.members_list div.member_item div.member_item_thumbnail a span.dy-avatar{border:none;-moz-box-shadow:3px 3px 4px #eee;-webkit-box-shadow:3px 3px 4px #eee;box-shadow:3px 3px 4px #eee;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee')";progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#eeeeee');margin-right:12px;}
div.members_list div.member_item div.member_item_thumbnail a span.dy-avatar:hover{opacity:1;-webkit-box-reflect:below 0 0 color-stop(.7,transparent), to(rgba(240,255,255,0.4)));-webkit-box-shadow:3px 3px 20px rgba(248,248,255,0.8);-moz-box-shadow:3px 3px 20px rgba(248,248,255,0.8);box-shadow:3px 3px 20px rgba(248,248,255,0.8);border-radius:45px;
-webkit-transform:scale(1.20);-moz-transform:scale(1.20);
transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);-ms-transform:rotate(25deg);-webkit-transform:rotate(25deg);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;}

if u dont want the rotate or rounding  remove the rotate and border radius parts

work ok for ya>?

what is the code to have the activity pop out like it is on philly hang out? where you hover over and it basically pops out at you and congrats on being a ning star I have used many of you tips for my site need help with seo but thats another ball game www.unsignedblast.com let me know what you think and how i can make it better thank you and have a blessed day.

the activity doesnt the forums and blogs do

.xg_widget_main .module_blog .blogpost:hover,.xg_widget_main .module_forum div.vcard div.topic:hover {border:1px solid #ccc;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-webkit-box-shadow:6px 6px 10px #ccc;-moz-box-shadow:6px 6px 10px #ccc;box-shadow:6px 6px 10px #ccc;width:535px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;
z-index:999999;background-color:#fff;padding:1em;}
div.xj_user_info div#xg_module_account div.xg_module_body ul li a.xg_sprite {text-shadow:3px 2px 1px #ccc;}

here you go

DIV.members_list.easyclear SPAN.dy-avatar.dy-avatar-64:hover{transform:scale(1.60);-ms-transform:scale(1.60);-o-transform:scale(1.60);-webkit-transform:scale(1.60);-moz-transform:scale(1.60);-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;}

RSS

Latest Activity

Kos replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"It's a glitch on Ning's end; plain and simple"
7 minutes ago
John Bizley replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"Thanks Riccardo, it took a bit of moving the mouse about to find it but my mouse does change to the…"
12 minutes ago
Riccardo Rossini replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"John, actually the button is only hidden, more or less you'll find it here your pointer will…"
23 minutes ago
Kos replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"Even a photo preview would be wonderful so we're certain we're selecting the right…"
40 minutes ago
Jordon McGee (Jords) replied to soaringeagle's discussion '3.0 feature request'
"+1"
2 hours ago

NC for Hire
JFarrow replied to JFarrow's discussion 'Become a Youtube Master with These 4 Tricks'
"apparently ning strips that.."
2 hours ago
Chris replied to soaringeagle's discussion '3.0 feature request'
"This is a standard feature of most forums, and very important! Hopefully it will be implemented."
2 hours ago
Ambroise replied to JFarrow's discussion 'Become a Youtube Master with These 4 Tricks'
"I see nothing between line "compared to this:" and lien "When the user hits the play…"
3 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service