Best pure-css 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

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

How pure css animation background

Today more than a solution I bring a challenge. I am trying to make an infinite full-screen background animation using only CSS. When we use cover property (for fullscren background image) we do not have a fixed width of

#Playground #Pure CSS #Animation #Backgrounds

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

FullScreen Responsive Menu (Pure CSS)

FullScreen Responsive Menu (Pure CSS), this is the first of multiple components that we will develop for use in our own simple css Framework. It can be used with only grid system bootstrap template or in any project

#Pure CSS #Modal #Menus #CSS2 / CSS3

Vinyl Cover Animation (Pure CSS)

Hi Guys, we take a PUNK :) album vinyl cover, a little HTML, and some CSS3 transitions and transforms Hover to create a  vinyl animation effect for showing off the music you love. index.html The Markup will c

#Pure CSS #Animation #UI #Playground

Pure CSS Apple Devices Playground

Pure CSS Apple Device Generator (purecssapple.com) is a playground micro site to Create an Apple device with only CSS. No image, just code. iMac, Mac Book, iPad, iPhone version 4, 5 and 6 included.

#Pure CSS