Taped Image Corners (HTML/CSS)
Apr 24th 2012
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.
Related Resources & Freebies
Comments & Discussion
Leave a Reply
Subscribe to our weekly newsletter to receive the latest freebies in your inbox! (see an example)
Facebook Exclusive
How it Works
It’s pretty simple. Any free resources are just that — completely free for you to use, incorporate in your designs, and build upon. Go nuts!
Featured commercial resources are available through the Envato marketplaces, which we love. Find out more.
Jed said:
i am completely new to html and css and have been trying to get this to work for about an hour now. i have successfully added borders and shadows to my images using css but can’t get the tape to appear! i have removed the tape from my css and my images’ lines now look similar to this () what tags do i need to use and what do i need to copy into my style sheet to apply the tape effect??? help is much appreciated