Tag Archives: web design
You must have already seen this (what I call “bouncing”) hover effect in navigation menus. Curious how to recreate it easily ?
Below you’ll find my approach.
It’s pure css, I use an “::after” pseudo-element with a custom attribute.
In this tutorial we will build a photo gallery and enhance it with html5 canvas and css3 transitions. See the demo and try the hover effect. The grayscale “copies” of our images are created with canvas and we use pure css3 for the smooth change.... more
In this tutorial we will create a fancy image on hover effect. We’ll use pure css3 and provide a jQuery solution for the browsers that do not support opacity and transitions. We will also take care that it works responsively.... more
I suppose that I was not the only one to become speechless in front of the Nizo for iPhone website.
In this tutorial we try to recreate the intriguing scrolling effect.
I decided to explore the area of css3 keyframes animations. We are going to create a sort of virtual postcard. Greetings from Paris !... more
This time I share with you a set of vector envelopes created in Illustrator. Don’t hesitate to change the colors as you like. Easiest way: go to Edit > Edit Colors > Recolor artwork. Click on the little preset icon and choose preserve Black, White and Grays. Then use Edit or Assign and play with […]... more