soy Kseso y esto EsCSS

Lo mejores Css pens en Codepen.io

Una selección de ejemplos en puro Css publicados últimamente en codepen con una breve explicación sobre ellos.

Lo mejores Css pens en Codepen.io

·Por Kseso ✎ 1

Una selección de ejemplos en puro Css publicados últimamente en codepen con una breve explicación sobre ellos. Hay de todo un poco.

Fondos con gradientes

Recopilación de Css background patterns obra de Azik Samarkandiy, en la línea de los realizados por Lea Verou.
Propiedad base: gradientes css


CSS Rosaceous rainbow

Obra de Hugo Giraudel. Hipnótico giro sincronizado de un montón de cajas.
Propiedades base: Animations y Transforms


Big Fat Toggle Switch

Autor: Andrew Creech
Propiedad base: background-image y box-shadow


Russian River

Recreación de la apariencia y efectos de una página existente. Obra de Joren Van Hee. Ver este pen.
Propiedades base: text-shadow.


Simple CSS loading graphic

Obra de Robert Lemon. Un aviso de "cargando..." en puro Css. También te puede gustar estos otros "loading..."
Propiedades base: animation


CD Cover animations

Autor: Andrea Ferrato.
Propiedades base: transforms.


Notificaciones estilo iOS

Obra de Gavin Cox.
Propiedades base: background y pseudoelementos.


Mac OS X 10.8 Finder in CSS3

Autor: Patrick Kontschak
Propiedades base: gradientes


La tierra en el espacio

La tierra con doble movimiento, traslación y rotación, obra de Kushagra Gour.
Propiedades base: animation y transform.


Hover it - Reloaded

Autor: Simon FREMAUX. Efectos originales al :hover sobre un elemento.
Propiedades base: background, pseudoelementos...


Navigation Knob

Autor Adem ilter. Muy logrados tanto los degradados como el efecto de enfoque al elemento seleccionado.
Propiedades base: gradientes y transform.



Pero hay más

Estos son sólo unos pocos ejemplos de las realizaciones con Css de los cientos que hay en Codepen.

Y utilizando otras tecnologías como canvas o javascript, junto a css, encontrarás en Codepen verdaderas perlas para inspirarte, aprender o símplemente disfrutar con el trabajo e inventiva ajena compartidas.

Menciones especiales

No debes perderte los perfiles en codepen de:

  1. Brad Frost y sus realizaciones "responsive".
  2. Hugo Giraudel prolífico y variadas realizaciones.
  3. Fabrice Weinberg En especial su reloj

avatar del Editor del blog

the obCSServer ᛯ Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Kseso