This blog is a public Pre-alpha. I'm working in my own Wordpress theme. I'm focusing on performance and SEO.
This theme will be able to download at July as a Pre-alpha.
Position de CSS con Marvel — Parte 2/2

Position de CSS con Marvel — Parte 2/2

¡Qué pasa crucks! En este artículo vamos a aplicar la teoría que vimos sobre el position en el artículo pasado, por si no lo has visto te dejo enlace.

Vamos a hacer una analogía con Iron Man y Spidey, ya que son las dos mejores referencias para explicar los position.


Referencias

Tony Stark: Sería el position static. Como persona normal (quitando que es filántropo, genio, multimillonario…) sólo puede moverse en donde se encuentre, es decir andar como las personas normales.

Iron Man(Relative): Cuando Tony Stark se pone la armadura de Iron Man entonces es capaz de moverse arriba, abajo, izquierda y derecha desde sí mismo, es decir la referencia son sus bordes: Cabeza, pies, y manos izquierda y derecha.

Spidey en una habitación(Absolute): Cuando Spiderman se encuentra si quiere puede colocarse en el techo o en una pared, esto sería el position absolute. La referencia de Spidey para moverse son las paredes de la habitación dónde se encuentra.

Spidey se va al espacio (Fixed): Cuando en Infinity War se monta en la nave y se va al espacio Spidey sólo se podría mover en los “confines del espacio”.

Os dejo un pequeño código en Codepen para que podáis practicar todos los position con Spidey y ¡espero que hayas disfrutado del artículo!

¡Un saludo cruck!