SEARCH

Search resources for web designer within website.

SEND

Share with us resources, articles or posts.

SEND POSTS

SEND POSTS

Link Title (required)

Link URL (required)

Post Text(required)

×

SUBSCRIBE

Subscribe to our free weekly newsletter.

Accordion with CSS3

Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class. Using hidden inputs and labels, we will create an accordion that will animate the content areas on opening and closing.
There are many variations of CSS-only accordions around, most of which are implemented using the :target pseudo-class. The problem with using :target is that we can’t really close the content areas again or have multiple sect…

Accordion with CSS3 was last modified: February 21st, 2012 by tympanus.net

SUBSCRIBE

Subscribe to our free weekly newsletter.

TRENDS POSTS

33 Examples of Login Form Designs for your Inspiration

Have you minutely ever followed the login page that appears when you sign up into a particular website? The first ...

35 Beautiful Examples of Sliders in Web Design

Content Sliders or simply sliders as we call them, have become an almost integral part of web designing. While we ...

How To Create a Text Portrait Effect in Photoshop

In today’s Photoshop tutorial we’re going to create a cool portrait effect using a long passage of text that bends ...

List of Free Food Icons for Restaurant-Themed UIs

Rigorous attention to detail is what converts a simple design into a real masterpiece. Although it seems that regular users ...

An Intuitive Graphics API and SVG Renderer

A lightweight graphics library with an intuitive graphics API and an SVG renderer.

30 Relevant Design Examples of Video Backgrounds

It’s often the little details that really take a layout from good to amazing. Button styles and colors aren’t enough ...

How to Create Isometric Gambling Assets in Adobe Illustrator

Isometric art is a very trendy style that has become widespread and is used by designers for advertisements, web design, games and ...

How to Create a Set of Ice Cream Icons in Adobe Illustrator

In today’s tutorial we will get to create something really sweet—yes, you guessed it, ice cream! OK, so it’s not ...

Dragula – Best Drag and Drop Javascript Library

Have you ever wanted a drag and drop library that just works? That doesn't just depend on bloated frameworks, that ...

30 Apple Watch GUI Kits, Mock-ups and Templates for Free

With the highly known Apple Watch coming to the scene, I’m sure many designers are looking forward to start creating ...

Create a Flat Smartphone Illustration in Adobe Illustrator

So, for some time now Apple’s iPhone has created a real craze in such a way that there are now ...

10 Best free WordPress themes released in July 2015

A good-looking, functional and fast theme is the cornerstone of every WordPress site that’s meant to be more than just a ...

The Benefits of SVG Images in Web Design

Retina screens and 1080p monitors are forcing the hand of modern web designers. Vector art has long been used for ...

How to Have an Impressive Web Design

While it is true that some people maintain a website just to share to other individuals their passion and talents, ...

Resources for Web Designer ordered by popularity on social network
Email to B4WD - Privacy
MisterWebby - Free PSD
Top