This wooden texture is 100% fabricated in Photoshop without the use of any photos or outside resources. It tiles perfectly so you can use it on projects of any size. Great for desktop wallpapers, website backgrounds, and UI elements.

Included in the download are two PNG files: one version that’s fairly dull and subtle and an alternate version that’s more intense. Each PNG in 500px by 500px and should function in any standard graphics application.

Want a fun way to add some visual interest to a boring text container? Use this fun, pure CSS page fold effect. Using the magic of pseudo elements and border tricks, this effect is easy to implement and customize.

This download comes with a prebuilt demo showcasing the left facing and right facing versions of the page fold, both of which you can apply through a simple class in your HTML. You can find a complete tutorial for the page fold effect on Design Shack.

This download includes a simple animated label that appears over an image on hover. To ensure versatility, ten different options have been included, each of which slides in from a different direction or rests in a different location.

To apply the labels to an image, all you need to do is follow the simple HTML structure of the example file and apply the class for the label that you’d like to use.

You can see a full tutorial on this image label library on Design Shack or see a live demo.

This thumbnail gallery utilizes a collection of circular images laid out on a grid. When the user hovers over an image, the background comes to life and a text label pops up. Normally this kind of thing would require CSS background images, but this project allows you to insert your images right into the HTML, which is the ideal route for an image gallery.

There are three effects included: pan, zoom in and zoom out. You’ll find full HTML/CSS examples of each included so you can copy and paste the code right into your own project. A full tutorial for this project can be found on Design Shack.

Ditch the JavaScript and use good old CSS and HTML to power a dynamic image slider with animated effects. This slider uses the power of :target to swap out the active image when a link along the top is clicked.

The techniques used to create the slider are largely demonstrated here. To bring :target support to IE, Selectivzr and jQuery are included (Selectivizr requires jQuery or another library). This is an automated process and you shouldn’t have to tweak anything to make it work.

Give your images some character by applying an effect that makes them look as if they were taped to the background. A total of six different tape combinations are included so you have a lot of variety to choose from.

To implement any of these awesome effects, you simply apply the desired classes to your image. The rest is taken care of for you with the magic of pseudo elements. It couldn’t be easier! The position of the tape strips have been set using percentages so you can apply them to images of any size and they automatically appear in the appropriate place.

A fully layered audio player in two versions: large and small (the latter of which has been tweaked well beyond a simple scale). Most of the layers are vector so adjusting the height and width is fairly straightforward.

The file is built at a large scale for your convenience: 1,500px wide at 300ppi.

This navigation menu uses media queries to achieve a fluid, responsive design that easily adapts to any size viewport and device. Three color variations dare included, each with animated hover styles.

Four free third party resources were used for this menu. The first is a custom font served up via Google Web Fonts.

The second resource is Selectivizr, a JavaScript library that brings CSS3 selector support to IE6-8. Selectivizr requires another major library to function so MooTools in included as well.

Finally, html5shiv is used to bring the “nav” element to IE.

This is a live HTML/CSS version of the popular Stacks PSD from PixelsDaily. It includes eight different image stack illusions to choose from.

To implement any of these awesome effects, you simply apply a class to a div containing a single image. The rest is taken care of for you with the magic of pseudo elements. It couldn’t be easier!