Quantcast
Channel: CSS – HTML5, CSS3 & jQuery – Web Design / Development
Browsing latest articles
Browse All 14 View Live

Image may be NSFW.
Clik here to view.

CSS Custom Cursors

The cursor property specifies the type of cursor to be displayed when pointing on an element. Some CSS properties are animatable, meaning that they can be used in animations and transitions. Animatable...

View Article



Image may be NSFW.
Clik here to view.

CSS3 background gradient animation in a progress bar like in Windows 7

You can create a responsive, animated progress bars like in Windows 7 using pure CSS3. I haven’t used any image in this tutorial. Resize your browser window to see the responsiveness. HTML <div...

View Article

Image may be NSFW.
Clik here to view.

Pure CSS Heart Beat / Pulsing Animation

Before working on Heart pulsing animation, first We have to think about How does the Heart beat? It expands and contracts.. Each pulsing is in same duration/period of time. This can be easily done with...

View Article

Image may be NSFW.
Clik here to view.

jQuery 3D CSS card flipping effect – Transform 3D

Do you play the cards game classic Solitaire? I know this is most favorite microsoft’s game. Here, I am not going to discuss about this game nor it’s trick. I am fan of it’s 3D card flipping effect and...

View Article

Image may be NSFW.
Clik here to view.

Pure CSS Water Ripple Effect and Animated Bubbles

I am sharing another example of pure CSS experimental work to create animated bubbles in water with wave or ripple effects without using any image or JavaScript. These animated bubbles are also with...

View Article


Image may be NSFW.
Clik here to view.

Disable mouse scroll / wheel Zoom on embedded iframe Google Maps

Web Designer / Developer usually embed Google Maps using iFrame in most websites. But, page scrolling stuck when user use mouse scroll in Google map area, and now it is working as Map zoom in/out. So,...

View Article

Image may be NSFW.
Clik here to view.

Toggle the Visibility of Password Field with Eye Icon

Nowadays, in FORM (login, register) we can see a password field with Eye icon. It allows the visitor to toggle the password input field text visibility by clicking the toggle Eye icon. Sometimes, we...

View Article

Image may be NSFW.
Clik here to view.

Custom Styling Checkbox and Radio buttons inputs with CSS

At the time of designing a website, as a designer, one of my favorite work is to customize the design of FORM elements, especially a radio button and checkbox with CSS. Previously, when IE and Mozilla...

View Article


Image may be NSFW.
Clik here to view.

Create a Spin Wheel to Win Game with jQuery / javascript

Sometimes we often visit a website or Game like Candy-crush in which we can win Prizes/coupons by Spin Wheel to Win contest. Finally, I thought to create a similar Spinner with the help of jQuery /...

View Article


Image may be NSFW.
Clik here to view.

Create a Under Construction / Coming Soon Page to Engage Visitors even when...

Coming-soon page helps you to retain customers when you are busy in revamping your website or Creating new Website. It will help your visitors to revisit your site after a certain time. Even some of...

View Article
Browsing latest articles
Browse All 14 View Live




Latest Images