HTML/CSS

HTML/CSS Source Code

Free HTML/CSS Source Code. Download 10 latest HTML/CSS projects with source code for free here.

Animated screen from CSS3 "Hypnotize you!"

Submitted by abfiph on
In this article, I would like to share with you a simple source code that can Hypnotize you while you are watching on your computer screen. You can request code at hi https://m www.facebook.com/saaduddinj more messing with SCSS for loop Like my page & join group for further free sourcecode secrets https://www.facebook.com/DavaoWebDev IT Group Members https://www.facebook.com/groups/FutureDeveloper

Real Estate Website using AngularJS

Submitted by jaronavales on
Getting Started with AngularJS AngularJS is an awesome framework for building single page web applications, and it's definitely among the most popular out there. When I started learning Angular, I felt lost for quite a while, and I couldn't quite wrap my head around it at first. This app you can see the real estate website and it's property listing page. Through this, you can Edit, Delete and Add

How to Create a Ribbon using CSS

Submitted by Jeprox on
In this tutorial we are going to learn how to make ribbon using CSS. You may play around with the CSS codes change the positions of the ribbon elements . Here's the code: CSS Code: .ribbon { font-size: 16px !important; width: 300px; position: relative; background: #C50F0F; color: #fff; text-align: center; padding: 1em 2em; margin: 2em auto 3em; } .ribbon:before, .ribbon:after { content: ""

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