May 25, 2015

Heart shape loader

Heart shape loader

A nice looking page loader that can be used for your website.

May 19, 2015

Transition Delay Menu

Transition Delay Menu

Menu items using CSS3 transition delay. This menu can be place any corners you want to with some slight changes in the code. On click of the menu the options gets visible one by one due to the transition delay that is taking place.

May 12, 2015

Responsive about team layout with social links

Responsive about team layout with social links

This is to showcase your team-mates. When the user hovers the container the social links of the person is shown. Here different styles have been shown. You can add some description if needed and change the styles.

May 11, 2015

Animated go to top icon

Animated go to top icon

Animated go to top icon SCSS. The icon is created using fontawesome.

May 7, 2015

Bouncing Cube

Bouncing Cube

Another experiment on animation keyframes using SCSS. A 3d cuboid bounces with shadow effect.

May 6, 2015

Responsive 3d flip card

Responsive 3d flip card

This is to showcase your team-mates. On hover of the image the card flips 180deg on Y-axis and the back view is displayed. It is done using CSS3 animations and is also responsive.

May 5, 2015

Slide in and slide out box

Slide in and slide out box

I where trying out to put my social plugins to a container and make it fixed at the bottom. But this is not a good user experience. So i figured out a way.

May 4, 2015

Glowing Buttons

Glowing Buttons

Glowing effect over the button. You can use a text instead of icons too or both. The effect alone brings beauty to the buttons.

May 3, 2015

May 2, 2015

Different social nav styles

Different social nav styles

Twelve different styles for social navs. Here i have used SCSS as a style sheet. The reason i am using SCSS is that it reduces the number lines and easily customizable.

Flask shaped animated loader

Flask shaped animated loader

Many will be seeing this if you have studied chemistry. This is a round bottomed flask. The bubble animation and the wave effect brings the loader an effect. The animation is done purely in CSS3.

May 1, 2015

Bouncing Ball

Bouncing Ball

Bouncing ball using CSS3 animations. You use different images instead of the ball image and have fun.

Responsive Menu

Responsive Menu

A fully responsive menu without any need of JavaScript. Fontawesome has been used for icons.

Expanding Column Layout

Expanding Column Layout

A responsive expanding column layout to present projects, articles, and more.

Popular Posts

Views