Animenu – a responsive dropdown navigation made with SASS
Original: Article By Red Team Design
Archive for the ‘CSS’ category:
FULL WIDTH IMAGE SLIDER
This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can...
SIMPLE YOUTUBE MENU EFFECT
A tutorial on how to recreate the effect of YouTube’s little left side menu. The idea is to slide a little menu icon to the right side while...
CUSTOM LOGIN FORM STYLING
Nowadays, almost every web service, application, game etc. allows (or even requires) user subscription, which means they all need some kind of form...
INTERACTIVE INFOGRAPHIC WITH SVG AND CSS ANIMATIONS
One of the less talked about features of newer browsers is increasing support for the SVG file format. If you are unfamiliar with SVG, it stands...
CREATIVE CSS LOADING ANIMATIONS
Today, we are going to do a lot of stuff with CSS animations. Indeed, we will talk about CSS loading animations. What do you say? Ready?
A few things...
CSS3 Responsive menu
Today I’m going to tell how to create a responsive navigation menu using only CSS3. Why responsive? I think it is important and essential. As...
THUMBNAIL GRID WITH EXPANDING PREVIEW
If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail....
SIMPLE EFFECTS FOR DROP-DOWN LISTS
Today we want to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing...
FULLSCREEN PAGEFLIP LAYOUT
A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via...