Dibujar un Sharingan de Naruto usando CSS: Un tutorial creativo

  • Autor Autor david limonche
  • Fecha de inicio Fecha de inicio

david limonche

Zeta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

Cómo dibujar un Sharingan con CSS​


Hola betas !!
El día de hoy estaba navegando en YouTube aprovechando que me llegaron los datos y tenía la cobertura 4g..

Y en uno de los shorts de YouTube me apareció este tutorial..

Me pareció tan genial que simplemente no puedo dejar pasar la oportunidad de postearlo y compartirlo..

A quien no le gusta el anime después de todo 😗👍


Que opinan de este tipo de contenido?
La verdad es que es bastante creativo..

Personalmente me gustó bastante.
No sabía que se podían hacer elementos como esos desde el css..


Por lo visto lo que se suele utilizar con bastante frecuencia los seudo-elementos
Beafore y affter

Yo sabían que existían pero no sabía usarlos ni manejarlos..

Voy a tener que investigar y practicar con seudo-elementos
Para poder dibujar cosas chidas con css 😍

Ya que en la vida real no se dibujar por lo menos lo voy a poder hacer de esa manera jeje...
 
No me gusta la moda de dibujar con CSS, todos los días en twitter me salen dibujos de mucha gente (sin seguirlos)... me da mucha pereza solo verlo... para mi es una perdida de tiempo.

PERO!... el mejor en cuanto a menos uso de etiquetas HTML y técnicas CSS es este sujeto (y no solo para dibujar, es un crack del CSS):

CSS-only Art by Temani Afif

A collection of drawing created by Temani Afif using only CSS
css-only.art

Salvo en raras ocasiones como logos o iconos simples, SVG es mejor y dibujar con CSS seria como jugar al minecraft si te gusta perder el tiempo sin un objetivo útil... pues bien por ti.
 
Un primo hizo un control del Super Nintendo con CSS ("el dibujo"). Realmente me pareció interesante y a la vez pensé que se toma bastante tiempo; no es por el hecho de hacerlo ni nada, si no cuadrar el ancho y largo o la medida en general, para que quede bien. Aunque de cualquier manera, ya sea dibujando lo normal o a través del códigos de diseños (CSS), tardas de todas formas en hacerlo.
 
Muy interesa como los programadores utilizan las propiedades CSS para diseñar cualquier cosa que se les ocurra en la mente como estas figuras, interesante tutorial david limonche
 
* Procede a insertar un GIF de Sharingan *
 
Alexk dijo:
No me gusta la moda de dibujar con CSS, todos los días en twitter me salen dibujos de mucha gente (sin seguirlos)... me da mucha pereza solo verlo... para mi es una perdida de tiempo.
Hacer clic para expandir...
Y es por eso que tú insignia dice que eres diseñador (gente que sabe dibujar)

Cómo yo sé de diseño web
Más no se dibujar..
Me pareció un interesante está moda de arte con css..

No lo entenderías 🤷‍♂️
La web se ve que está en inglés 😕😢..
Voy a echarle un ojo de todos modos y a traducirla con Google traslate.👍

Aunque te digo que me vale verga si es un crack o no..
Todos los contenidos de dibujo con css son posibles códigos a implementar para mí jeje..

Aparte de que me divierten ver esos vídeos..


Alexk dijo:
Salvo en raras ocasiones como logos o iconos simples, SVG es mejor
Hacer clic para expandir...
Obvio..
Hay que saber equilibrar los tamaños de la web...

Si dibujas todo con css la web se va a poner pesada y lenta..
Igualmente si pones todo con SVG
(sobre todo hay que hacer énfasis en que mientas mas SVG agregues más peticiones al servidor estarás haciendo, si es que los agregas de forma externa.).





Alexk dijo:
y dibujar con CSS seria como jugar al minecraft si te gusta perder el tiempo sin un objetivo útil... pues bien por ti.
Hacer clic para expandir...
El arte con css es más productivo que el que juega Minecraft..

Claro, ambos son raritos debido a que se divierten a su manera..

Pero hay una diferencia clara en la productividad..


Pero en mi opinión personal, los que juegan Minecraft son unos niños rata..
 
Suprax dijo:
Un primo hizo un control del Super Nintendo con CSS ("el dibujo").
Hacer clic para expandir...
OMG 😱
Es genial lo que hace tu primo 😮
Claro wey, no es como que lo tengas listo en un par de clicks XD..

Son personas que codifican dibujos originales..
Eso suele tomarse su tiempo 😅
 
Echa un ojo al tipo este
 
devseo dijo:
Echa un ojo al tipo este
Hacer clic para expandir...
Eso es algo de otra dimensión 🤩🤩

Los 15 y pico de megabites de css que creo valieron la pena 😎

Es extrahuevoordinario como juegan tanto con los css..
 
david limonche dijo:
Eso es algo de otra dimensión 🤩🤩

Los 15 y pico de megabites de css que creo valieron la pena 😎

Es extrahuevoordinario como juegan tanto con los css..
Hacer clic para expandir...
15 megas de CSS? Todo lo contrario, el CSS apenas ocupa nada, es solo texto
 
devseo dijo:
15 megas de CSS? Todo lo contrario, el CSS apenas ocupa nada, es solo texto
Hacer clic para expandir...
Es en sentido figurado wey..

Por obviamente si se creo una cantidad notable de css..
Pero claro, no supera los 700kb me imagino..
 
Que crack el que dibujó el sharingan

Css siempre es mi asignatura pendiente, pero ya le voy a meter ganas
 
Gracias David, buen tutorial xdd.
 
Hay que estar conectado o registrado para responder aquí.
Menú
Acceder
Registro