Category: Front-End Development

glass menu

How to make a transparent glass menu bar with CSS3

Thanks to CSS3, our design and development options have grown a lot. In this tutorial I will how you how to make a transparent glass menu bar with CSS3. The demo can be seen below. For this demo, I wanted...

lights

Making glowing lights with CSS

Hi all, in this demo I will show you how I made some glowing lights purely in CSS. The demo and source code is available below, feel free to use it however you like! As you can see this is...

sass

Using Sass to generate color and box-shadow in a loop

Here is a little experiment I did when I was fiddling around with adjusting element properties using Sass in a for-loop. The HTML This effect can easily be done in a few simple lines. In this particular example I created...

CSS hexagons

Perfect CSS hexagons in any size using transform and calc()

In this tutorial I will how you how to create perfect CSS hexagons in any size using transform and calc(). This method doesn’t make use of borders and dynamically calculates the essential values like the width and positioning based on...

Mouse-Cursor-PSD-and-Hand-Pointer-Icons

Custom cursors with CSS and jQuery

In this tutorial I will show you how you can implement custom cursors with some really simple CSS and JavaScript using jQuery. Both the demo and source can be found below. The source is really simple so I will go...

Stay updated
Subscribe!