CSS3 tests: the case of CodePen demos


Except those demos that makes use of JavaScript ( or of a JS framework ), on CodePen there are many interesting examples of advanced uses of CSS3
features, including animations, transformations and transitions plus many other features. Consider the following demo:


This is an interesting example of box-shadow and transformations applied to pseudo-elements. 
The HTML structure resembles that used in the past for the Acid 2 Test:

<div class="vader">
  		<div class="h"></div>
  		<div class="hbl"></div>
  		<div class="hb"></div>
  		<div class="hbr"></div>
  		<div class="e l"></div>
  		<div class="e"></div>
  		<div class="c"></div>
  		<div class="n"></div>
  		<div class="m"></div>

I think these demos deserve a look when creating tests that fall into the "evil" category.

Gabriele Romanato
Referente IWA ITALY - Regione Abruzzo
International Webmasters Association Italia
http://www.iwa.it  | e-mail:  abruzzo@iwa.it 

Professionista Web - Legge 4/2013


Received on Saturday, 11 January 2014 18:44:05 UTC