Transparent Dark Overlay on Image Hover

Hey, this is a kinda mini blog post. I just wanted to share this PEN quickly with you guys. When developing modern websites we all love to add nice hover effects. I was working on this eCommerce project and wanted to add a dark transparent overlay on mouse hover. It’s entirely done with CSS and […]

Create parallelogram shaped background

Recently I’m creating a travel website for my client and my design consist of something similar to this. The top green/brown bar. The easiest thing to do is use parallelogram shaped transparent png (or parallelogram shaped image) as a background and it’s done. Of course, that’s exactly what I do if my client wanted his site to be  compatible with older […]