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

50 Clean Websites for Inspiration

Here are some well-designed clean websites to check out. These web designs will surely give you ideas and inspiration!

How to Create a Surreal Photo Manipulation in Adobe Photoshop

In this tutorial you'll learn how to create a surreal scene combining photos of the sky. You'll also learn how ...

Is it time you opened a design agency?

You’ve been busting your ass for years as a freelance designer, taking projects as they come, performing every role required ...

2 Blocks Template

Today's nugget is a simple template inspired by the awesome Dropbox Guide website. On bigger devices, the content is split ...

What is a full-stack designer, and should you be one?

Being able to quickly and efficiently one-line our skills and the focus of our professional life has a lot of ...

Adobe Photoshop for Kids: Multiple Me!

As a digital artist who tends to spend too many hours in front of my computer screen, I always enjoy ...

Create a Pride Rainbow Gradient Overlay in Adobe Illustrator

What an eventful month June 2015 has been. Not only is June seen as LGBTQI pride month (although this varies ...

How to Create a Twisted Balloon Text Effect in Adobe Illustrator

In the following steps you will learn how to create a set of detailed balloon pattern brushes and how to ...

Beautiful, Free Videos for Your Homepage

Basically, Coverr lets you download any video that you want (mp4+webm+image) AND it also gives you code snippets to help ...

30 Best Web Design Examples Using Parallax

Parallax is no longer something new and even before becoming a huge trend in web design, it was used frequently ...

How to Create a Flat, Minimalist Rock Card Using Adobe Illustrator

Today I’m going to show you how we can create a flat, minimalist rock card using some of Illustrator’s basic ...

100+ Free PSD Templates for Download

We designers spend countless hours working on your Photoshop files. Our work load gets reduced to amazing levels if we ...

Fresh Trend in Navigation: Full-Screen Menus

As with any integral detail of a user interface, menu design is changing with current trends. Some metamorphoses bring about ...

The After Effects Of The Mobile SEO Update And How To Fix It

Google has always preferred mobile-friendly web pages, but it has now gone a step ahead and made mobile SEO practices ...

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