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

Tags: animation, zoom

Views: 279

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

Chris replied to JFarrow's discussion 'Ning Emails Going to Spam?'
"Nope, had all the answers: "it's not a bug", "it is a bug and has been…"
3 minutes ago
Larry Matthews replied to Larry Matthews's discussion 'Photos'
"www.dismyhood.com I need to enlarge images on mouseover, on the activity feeds. There is a feed for…"
50 minutes ago
Fabio replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"F A N T A S T I C !!!!! well done guys"
58 minutes ago

NC for Hire
Jen replied to Jen's discussion 'Jen's Running List - Updated 4/6/2013' in the group The Sandbox
"Hi Allison, I have a Client who needs the Search feature. Any updates? I don't see any Search…"
1 hour ago

NC for Hire
SweetPotato replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"not consistently for all browsers, think SE tried it with mixed results. SP"
1 hour ago
Riccardo Rossini replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"Sp, can I style also the scroll bar of the browser?"
1 hour ago
Dustin Craig replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Appreciate the tip! I probably won't add this to my current site, but it might be a nice touch…"
2 hours ago

NC for Hire
Bernard Lama replied to Alexander's discussion 'Text Ticker in Ning Bar'
"You are welcome Alex. I'm glad to help you..."
2 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service