Best css2-css3 resources & Tutorials with Demo

20+ PureCSS Call-to-Action Animated Buttons for inspiration

A call to action  is an instruction to the audience to provoke an immediate response, usually using an imperative verb such as "call now", "find out more" or "visit a store today". Having an effective call to action

#Buttons #Inspiration #Pure CSS #CSS2 / CSS3

How to make a flex responsive template

The flexible box layout is a way of using CSS’s display property in a whole new manner. Block elements stack vertically while inline elements stack horizontally(until they break onto a new line). Flexbox elements

#HTML 5 #CSS2 / CSS3 #Playground

15+ Pure CSS Image Hover Examples

Image Hover effect is mostly used in designs for improving styling and usability. Hover effects add extra info to websites and enhance the experience of the users. If you are a web designer and looking for some great PU

#CSS2 / CSS3 #Pure CSS #HTML 5

CSS3 animation loop Sprite (with keyframes)

Hi guys, I'm going to start a series of tutorials to enter the world of html5 game programming. Today we will learn to animate a sprite using the fantastic power of keyframes (Pure CSS javascript nothing) and as i love W

#CSS2 / CSS3 #Pure CSS #HTML5 Game

CSS Background Image Property Ninja

The background-image property defines the background image of an element. The background of an element is the total size of the element, this including padding and border. We will demonstrate its use through a series of

#CSS #CSS2 / CSS3 #Pure CSS

Pure CSS Beautiful Bokeh Christmas lights Animated

In photography, bokeh is the aesthetic quality of the blur produced in the out-of-focus parts of an image produced by a lens. Bokeh has been defined as "the way the lens renders out-of-focus points of light". With this&

#Backgrounds #Textures #Pure CSS #CSS2 / CSS3 #Animation

Pure CSS Flashing Christmas Tree with Sass

Simple Pure CSS Animation Flashing Christmas Tree with Sass. Use this snippet in your Christmas web design project See the Pen Flashing Christmas Tree with Sass by Michelle Barker (@michellebarker) on CodePen.

#Animation #Pure CSS #CSS2 / CSS3

Pure CSS Animation Hover for blissful Santa

Simple Pure CSS Animation on Hover Event. Use this snippet in your Christmas web design project See the Pen Waving Santa by ZeroSpree (@zerospree) on CodePen.

#Animation #Pure CSS #CSS2 / CSS3

How to Build Pure CSS Android Logo

Android logo made in CSS3 with hover animations using CSS3 transitions Html  <div class="android">     <div class="head">         <div class="l_ant">

#Playground #Pure CSS #CSS2 / CSS3

Handpicked html5 login form Ready to Use for inspiration

In computer security, logging in is the process by which an individual gains access to a computer system by identifying and authenticating themselves. The user credentials are typically some form of "username" Interface

#UI #CSS2 / CSS3 #HTML 5 #Inspiration #Playground

Make a calculator using Javascript and CSS3

Learn to make a cool looking calculator using Javascript and CSS3. CSS3 box shadows are used to create the 3D effect and transitions are used for the smooth press effect. Basic regex is used for validations and text repl

#HTML 5 #Playground #CSS2 / CSS3

Simulate New Paypal CSS Login Layout

Hello friends I bring a simple experiment to simulate the new PayPal login page. Atention: The use is for learning, not be used for any malicious purpose Html code  <div id="main" class="main " role="main">

#Playground #CSS2 / CSS3