Dibujar un Sharingan de Naruto usando CSS: Un tutorial creativo

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

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):

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 *
 
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.
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 🤷‍♂️
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):
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..


Salvo en raras ocasiones como logos o iconos simples, SVG es mejor
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.).





y dibujar con CSS seria como jugar al minecraft si te gusta perder el tiempo sin un objetivo útil... pues bien por ti.
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..
 
Un primo hizo un control del Super Nintendo con CSS ("el dibujo").
OMG 😱
Es genial lo que hace tu primo 😮
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.
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 😅
 

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...

Echa un ojo al tipo este
 
Echa un ojo al tipo este

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..
 
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..
15 megas de CSS? Todo lo contrario, el CSS apenas ocupa nada, es solo texto
 
15 megas de CSS? Todo lo contrario, el CSS apenas ocupa nada, es solo texto
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.
 
Atrás
Arriba