If you’re looking for a cool way to implement some refreshing share buttons for your site then you’re in luck — today’s post is just for you! This featured tutorial shared by Stacy Summers from Webdesign.org will show you how to create a basic and elemental pair of buttons that you can use to share [...]
Hello friends, here’s another useful resource that I’m going to share with you that I have discovered courtesy of Pixels Daily contributor and web designer Francisco Neves’ creation. This is a set of pure CSS animated buttons that will let your design go up a notch higher. It features two animated buttons with subtle animations [...]
Web designer/developer Gratiela Dascalu has provided us with an amazing design element collection in her 3D web elements set. This is a very useful tool that includes 2 types of button sets, navigation bar and 2 versions of search bars. All elements are said to be made of vector shapes and layer styles, with great [...]
Today, you’ll learn how to add a Pinterest button to your WordPress site without using a plugin. This tutorial is made by Marvie Pons of TutsKid and it’s pretty simple and easy to follow. Like with most, if not all WordPress tricks, all it takes is appending a few lines of code in your functions.php [...]
One of the very interesting techniques in creating buttons with CSS is by Johnny Simpson . His creation is these sleek pressure style buttons that you may find useful in your site. He mainly used multiple box shadows to add depth instead of gradients because it has more solid ground when it comes to support. [...]
There are many CSS3 buttons techniques out there to choose from and developers nowadays supplement basic CSS3 properties with animation. One cool CSS3 button I’ve discovered is this fancy 3D button by simonpicos. It is a simple button with a clever use of box shadows and transition animation so it would look as if it’s [...]
Web developer Mary Lou shows a great tutorial on how you can create animated buttons with CSS3. The idea here is to have different styles with hover effects and active states. You can check out her tutorial with live demo and downloadable source by clicking the image. Incoming search terms for the article: [...]
Today’s featured CSS tutorial comes from Sergio Camalich who created a very cool set of button designs with the use of CSS pseudo-elements. His tutorial shows you how to create buttons with a twist. It will only involve using just one anchor tag for each button to work (with the help of CSS), because you’ll [...]
Here’s a shortlist of five simple yet cool HTML5 effects that can add life to your website! No images and JavaScript are necessary, as all of them are accomplished using only a combination of HTML5 and CSS3. 1. CSS3 Loading Animation A very basic loading animation. CSS code: <style type=’text/css’> @-webkit-keyframes rotate { from { [...]
It’s almost Valentine’s Day so I’m sharing a way for you and your site visitors to show some love with these 8 nicely designed Valentine-inspired social media icons. Then again, who says you can only apply these designs during Valentine’s Day? Some of these are good enough to be a permanent part of your site, [...]
0
505
