Loading...

511 css selectors

This PSD file will demo CSS rollover/hover effects along with a pure CSS dropdown menu. These are advanced features of Class Styles and Layer Styles. This PSD will show how to create custom CSS styles with pseudo elements and selectors for rollover buttons. The PSD will also bring all elements together to create a pure CSS dropdown menu.

File Size

8.9 MB

Download Now

Pure CSS Dropdown Menus

Many websites have complex CSS menu systems which require more than a traditional single-level menu. CSS Dropdown menus can help a user to navigate to more sections of a website from a single entrance point.

Learn how to create Pure CSS Dropdown Menus.

Effects and Styles

This sample uses various layer effects and styles to achieve the optimal layout. Effects are used in most common project designs and are easily managed with Export Kit.

You must Enable Layer Effects to use this feature.

Testing the PSD

Use Exports view to see the output of the document when using CSS Styles. You can reuse any CSS style with your current design or apply styles directly to wireframe elements.

Learn more about Layer Styles and Class Styles.

Using Exports View

Export the PSD in your required environment to see how CSS Styles are rendered in your output.

Learn more about Using Exports View.
LOGIN NOW: Get instant access to our free Online Training - click here.

Using the Plugin

How To Guides

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


Responsive Multi-Page Website

A clean responsive website with multiple pages +target screens.

Start Your 14 Day Free Trial

Get instant access to your 14 Day Free Trial and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community FAQs for assistance.

Connect With Us