Free HTML/CSS Source Code. Download 10 latest HTML/CSS projects with source code for free here.
This project will teach you how to create continuously changing colors animation using CSS3. We have to define individual keyframes at percentage points(0% is the starting and 100% is the ending) or we can use from/to keywords. We also have to set the background-color. On the 0% is blue , 25% is red, 50% is green, 75% is purple and then 100% is blue. The colors will continuously change every
This project will teach you on how to create a different shapes using CSS. We can create shapes in our web page without including images. This is simple but very useful. This is for the newbie in programming. I have here an example of triangles(left, right, up, bottom), circle, quarter circle and half circle. Hope you learn from this.
This project will teach you on how to animate a repeating tile background using CSS keyframes. Using the css keyframes, tiled images will animate like a falling snow as seen on my example. It is depend on your style if you want to animate it from the right. Feel free to modify this project according to your preference. Hope you learn from this.
This project will teach you on how to animate object with a floating effect using CSS keyframes. In my example, I have a background image of a levitating man. Using the @keyframes, the man moves like he is really floating. Then the shadow below suddenly fades as the man comes up. Hope you learn from this.