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