Apr 07, 2011 — 0 comments
In this tutorial you will learn how to create a beautiful animated colorful menu with HTML, CSS and jQuery inspired from Windows 8 Style.
I’ve heard from a bunch of people who found my CSS drop down menu tutorial really useful, so today’s we’re going to build another menu with some fancy hover effects. With the Flat design trend being so popular we’ll use adopt this style for today’s menu by using bright solid colours and clean icons. We’ll be using various must-know CSS techniques so this is a great tutorial for any web designers learning the basics.
With the implementation of CSS3 can sometimes be unnecessary use jQuery. In this tutorial we will see how to create a simple drop-down menu and insert CSS3 transitions to make it more interactive. This tutorial is compatible with all modern browsers that support CSS3 Transitions. For Internet Explorer that don’t support the transitions you will just see a simple switch on hover. Let's start!
We love CSS at TutsInd. We love it so much that we're using the new, yet-to-be released version (CSS3) in some of our projects. In the works for nearly 10 years now, CSS3 is finally starting to see the light at the end of the tunnel as new browsers like Firefox and Safari continue to push its implementation.
In this quick tutorial we'll create a set of CSS3 gradient buttons that are cross-browser compatible and come in 3 sizes: big, medium, small.
In a recent redesign of my own personal blog I decided to use a calendar style icon to display the post date . It’s one of those elements that would once have been created with background images, but now thanks to the wealth of CSS3 features it can be created entirely in CSS3. We’ll be using properties such as linear-gradients, border radius and box shadow to replicate the icon’s original Photoshop design.
In this tutorial we'll learn about to create a Accordion Menu using CSS3. There are many CSS3 accordion tutorials around on the web, in this version we'll be using the :target pseudo-class and will work on browsers that support the CSS3 properties.
In this tutorial you will learn how you can use this Pseudo classes with CSS3 to create different states for your web buttons. This means your button look different depending on the interaction from the visitor.
The current trend in web design is textures with vintage design. One of the main aspects of this design is the use of stitches in your design, this used to have to be done using an image but thanks to CSS3 and some inventive use of these features you can create a stitched look just by using CSS. In this tutorial you will learn how you use CSS it create the stitched look on buttons for your site.
Creating a Multilevel CSS3 Metalllic Navigation menu bar with graphical icons.
Help us out! More and more tutorials are submitted to Good-Tutorials each day. We could use your help with finding good tutorials. Mind lending a hand?