HTML/CSS

Swinging Image using CSS3 Animation

Submitted by Jeprox on
In this tutorial we are going to learn how to make an image swing continously using CSS3 keyframe animation. This effect has become popular for images like signs and discounts in websites for this they get the attention of the users or visitors. You can play around with the codes try to change the values and see the changes. Here's the complete source code: Swinging Image CSS3 Animation Swinging

Creating Shapes Using CSS3

Submitted by jaredgwapo on
In this tutorial, I am going to teach you how to make shapes like pentagon, stars, circles and etc using CSS3. Just download the source and follow the directions below. DIRECTIONS DON'T FORGET TO INCLUDE THIS LINK INSIDE THE HEAD TAG CSS CODE (Save it as style.css) Code for Pentagon .pentagon { margin: 30px 0 0 0; /* cosmetic */ position: relative; width: 54px; border-width: 50px 18px 0; border

3D Portfolio Panel Page & Touch Screen Effects

Submitted by abfiph on
SASS and CSS We use SASS and Bourbon (http://bourbon.io/) for our resources. If you don't use SASS, just use the .css files that you find in the css folder. You can delete both sass and partials folders. Instructions: Just run on your normal desktop browsers & mobile browsers tool. Thanks & Enjoy. Hope you like it. I am happy if like my codes

BSHOP - Ultimate & Creative Book Store Template

Submitted by rogerroger on
Bshop is a complete HTML5 & CSS3 one page template ready to use, Bshop is perfect for your eCommerce bookstore project, it includes great features such as looking inside the book or viewing book details, 100% responsive and work on any modern device it is also include a working contact us form. Integrate or build upon it for free in your personal or commercial projects. Don't republish

Cats- HTML Template for Wordpress theme development

Submitted by debashis.sinha1 on
Cats is a modern and stylish free HTML and CSS theme that comes with fully responsive mobile friendly design. It is created using the Bootstrap 3.3 . With Cats, you are able to customize of all components of your theme such as Menu, Content Area , Fonts ,Color with ease. This theme is not only suitable for wordpress websites/blogs but can also look wonderful on other creative sites that gives more

How To Make Loading Effect Using CSS3

Submitted by alpha_luna on
Good Day!!! In this tutorial, we are going to learn How To Make Loading Effect Using CSS3. Mostly loading effect is created through Flash Software, but now with the power of CSS we can make the effect even if we will not use the Flash Software. For this project, you can change any color you want for the loading effect. CSS is now powerfull in terms of animation for your project because you can

Button With ASCII Character Using CSS3

Submitted by alpha_luna on
Good Day!!! In this tutorial, we are going to learn How To Make Button With ASCII Character Using CSS3. You can used it for the admin panel which is the add, edit, delete, save and mail. In this project we are not using Glyphicons of Bootsrap, Icon or Image instead we will use ASCII Character Using CSS3. It will display the corresponding symbol. Directions: For Button - Design .btn_style { display