El espacio exterior es una tendencia, especialmente después del descubrimiento reciente de una gran cantidad de nuevos planetas . Si desea mantener sus diseños y proyectos a la moda, tal vez considere incluir algunos de estos increíbles fragmentos de código CSS en sus sitios.
Si alguna vez has querido crear algo tan genial como un planeta usando solo CSS, este fragmento te mostrará cómo hacerlo. El código en este tutorial crea una hermosa imagen del planeta Saturno, que pertenece a nuestro sistema solar.
Este fragmento de código utiliza HTML5 Canvas y JavaScript para crear la ilusión de que estás volando por el espacio, pasando cientos de miles de estrellas a velocidades increíblemente altas.
Este fragmento de CSS incluye un OVNI y un ser humano secuestrado por extraterrestres. Definitivamente un poco de código divertido para agregar a un espacio o proyecto temático ajeno.
Otro fragmento espacial que utiliza lienzo HTML5, este fragmento crea la ilusión de planetas con puntos estratégicamente colocados, que le dan a los planetas la apariencia de objetos bañados por el sol en un lado y arrojados en la oscuridad por el otro.
Esta interpretación animada y pura de CSS de lo que podría parecer un alienígena es lo más linda que puede ser.
Este fragmento cuenta con una nave espacial que vuela a través de la galaxia. La nave espacial responde al movimiento de su cursor, ¡así que diviértase moviéndolo alrededor de la ventana!
Los planetas de inspiración minimalista (y el sol) son una representación hermosa y realista de los planetas de nuestro sistema solar, desde el orden hasta el tamaño y los colores, todo es más o menos preciso (excepto el hecho de que incluye Plutón, que no lo es). Técnicamente es un planeta, pero todavía tiene un lugar en la alineación). Elimina las animaciones para enfatizar realmente el ambiente minimalista de este diseño genial.
0 Comentarios