Blog

Practical and problem solving web code samples collected from real life web developments, some experimental and playful coding tutorials and web design talk.

Header Image Parallax Scrolling Effect with CSS

Code

I am going to create a parallax scrolling effect using CSS background-image position. When we create a parallax image banner with CSS we usually use ‘background-attachment: fixed;’ style. I like the fixed…

Search Icon CSS Animation

Code

Let’s have a look at how to add an animation effect to a search icon using CSS transition. It’s essential to have icons designed in a same style when you build a…

Burger Menu Icon Animation

Code

I am going to show you how to add a simple animation effect to the burger menu icon. The burger menu icon has become so popular as more people browse the internet…