Hola amigos, les comparto algunos patrones repetitivos que eh realizado ultimamente con CSS (no hay imagenes), me gustaria ver sus puntos de vista, Comenzamos
Bandera de México V1
(No puse imagen ya que excedia el numero de imagenes que puedo poner en un Tema)
http://codepen.io/elestudiantefantasma/pen/JefDo Pseo: 1.5kb
Bandera de México V2
http://codepen.io/elestudiantefantasma/pen/Ldwjp Pseo: 1.4kb
En ambos, los navegadores con webkit no mostraran la serpiente
Panal (Se que no es un panal, pero, ese nombre le puse )
http://codepen.io/elestudiantefantasma/pen/mLExH Pseo: 1.6kb
Loseta Colorida
http://codepen.io/elestudiantefantasma/pen/EHIem Pseo: 1.6kb
Calavera V1.4
http://codepen.io/elestudiantefantasma/pen/kdvcA Pseo: 1.5kb
Calavera V2.6
http://codepen.io/elestudiantefantasma/pen/JunAz Pseo: 873 bytes
Calavera V3.0
http://codepen.io/elestudiantefantasma/pen/oIvrJ Pseo: 1.4kb
En los nombres de las calaveras notaron que decia V 1.X o 2. X, esto se debe a que hice varias calaveras "identicas", pero les modificaba los rasgos del rostro, mostrandolos Felices, molestos, enojados, aburridos, etc. (en el caso de la v2) en el caso de la v1 solo le agregaba o quitaba "Adornos" de la version 3, no hice ninguna modicacion, por eso se quedo en 3.0
Boo v1.2
http://codepen.io/elestudiantefantasma/pen/btidJ Pseo: 784 bytes
la Version 1.0 fue muy mala para mi, por eso les mostre esta version, que a mi punto de vista es aceptable, aun asi, si tienen curiosidad de ver la version 1.0 aqui la tienen
http://codepen.io/elestudiantefantasma/pen/yEwxB
Tal vez saque una version 1.3 de Boo agregandole Colmillos xD
Calabaza v1.2
http://codepen.io/elestudiantefantasma/pen/iyLlt Pseo: 1.9kb
La calabaza v1.0 pesa 1.2kb y no tiene los bordes circulares internos que tiene esta, por si quieren verlo, les dejo el link
http://codepen.io/elestudiantefantasma/pen/EtLCe
Cascada Animada (no tiene animacion en Firefox, y tiene el estilo como los juegos de snes de mario bros)
http://codepen.io/elestudiantefantasma/pen/hFILx Pseo: 4.3kb
Ojo, esta cascada trabaja con 3 Backgrounds hechos en css,
la parte cafe pesa
381 bytes http://codepen.io/elestudiantefantasma/pen/Hskut
la Catarata 1 y 2 pensan 787
Bytes cada una :)
http://codepen.io/elestudiantefantasma/pen/ckFyD http://codepen.io/elestudiantefantasma/pen/odDKF
Onda Azul
http://codepen.io/elestudiantefantasma/pen/keFjw Pseo: 358 bytes
Azulejo Azul
http://codepen.io/elestudiantefantasma/pen/kAIcl Pseo: 1.3kb y aun puede ser optimizable
Pino V1.2
http://codepen.io/elestudiantefantasma/pen/iHczF Pseo: 642 bytes y aun puede ser optimizable
??? V X
http://codepen.io/elestudiantefantasma/pen/qzoKI Pseo: 510 bytes y aun puede ser optimizable
Este que tiene ??? no le eh puesto nombre aun, hice varias verciones y solo me quede con este, no le puse nombre ya que cada vez que se lo mostraba a alguien, me decia que interpretaba algo diferente, una amiga inclusive me dijo que con eso, me saque un boleto directo con que psicologo
Hexagono mal hecho
http://codepen.io/elestudiantefantasma/pen/wnfGm Peso: 1.2kb y aun puede ser optimizable
Hexagono mal hecho 3D
http://codepen.io/elestudiantefantasma/pen/vokBL Peso: 1.2kb y aun puede ser optimizable
Estos ultimos fueron mis primeros patrones repetitivos en css que hice (o que almenos recuerdo que fueron los primeros )
Pues gracias amigos por ver la mini-Expo de patrones hechos en CSS sin Imagen, me gustaria ver sus comentarios, puntos de vista, criticas, etc.
Espero sus respuestas
PD: igual si alguien esta interesado, puedo hacer un mini tutorial para explicarles como se pueden hacer algunos patrones repetitivos, no es dificil pero si tiene su chiste