Crazy about designs ? if yes then this post absolutely for you. I created a animated flip social share plugin that's help you to attract people. I'm saying it "Sharing is Sexy" because it's lazy and Animated Social Share Plugin.
It's working well on static/dynamic websites and blogs. So first you should check demo then we will discuss how you will implement.
How it Works ?
This plugin developed using latest CSS 3 and it's effects, there is no use of Javascript so it's perfect advantage to work smoothly without hassle. Transition and Filter Gray it's most effective Css properties.
I will share complete code so no worry you can check all things and make changes as you need.
Setup With Static and Dynamic Sites:
First you need to download complete code from above link and extract folders, upload share.css to your css directory and images in img directory and give css source in head of your webpage.
After that copy from <div class="fix-container"> <ul class="fix"> ..../// </ul> </div> and put anywhere in your webpage before closing of body tag and change with your social URL in every <li>.
Setup With WordPress and Google Blogger:
There is two way for WordPress users:
1- Use with our image hosting or 2- Want to use with your own image hosting.
If you want to use with our image hosting then just copy below code and follow next step.
Click on Appearance > Widgets > Text and add paste above code and make <li> links as you need, no need to do anything else.
If you want to use with your own img hosting then put css and imges in coresponding folder in your template directory.
Install Share is Sexy Social Plugin on Google Blogger :
Copy above code and goto Layout > Add Gadget > HTML/Javascript and paste copied code and also makes changes in <li> as your social links. You can check demo on blogger from Here !.
I hope you will love this Social Plugin, let me know your views. Thank you !
9 comments: On Sharing is Sexy - Lazy Animated Social Share Plugin Using Pure Css3
Not gonna lie... That's pretty cool!
Thank you ....
when I hover cursor over items, sometime it doesn't work same as the gif image.
Chome : 43
It's lazy effect as I told--pint mouse in corner--or- convert list into links.
If you can add function in each tabs, it will be more enjoyable. I mean, if I move mouse over Google plus icon, it will appears as a short function bar with shortcuts like post, photos, share...
Hmm... nice idea.. I will try to do in next update ... :)
I know you are building an open-source, but it still can be a nice business, why don't you try to add direct advertisements as beautiful panels in the center, I don't say about panels like Google ads, I say about panels like quick dials in Firefox or opera, it will be more acceptable 🙂
I'm not a freelancer developer and don't know much about so never tried for business but I will try to do if you need... but as I know quick dials is shot bookmarking is it ?
yes, if you use opera browser you will know it, convenient and beautiful in some point. Yeah, I just think if I can make a stunning software, it will be free and make money, so that I can maintain it and everyone from developers to users has benefit 🙂 just an idea
behind TricksWay
very affordable cost.
mail on info@tricksway.com
like us on facebook.
Sliding Sidebar
We are India’s largest Startup Community
We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.
Our Facebook Page