¿PHOTOSHOP?
YO DIBUJO CON CSS

Medellín CSS

19 de junio de 2021

Jorge Baumann

Full Stack Developer en DCSL GuideSmiths

@baumannzone

Medellín CSS

¿Photoshop? Yo dibujo con CSS

Jorge Baumann

Medellín CSS

¿Photoshop? Yo dibujo con CSS

LIVE CODING

Jorge Baumann

Medellín CSS

¿Photoshop? Yo dibujo con CSS

¿Por qué dibujas con CSS?

Jorge Baumann

Porque sí

Medellín CSS

¿Photoshop? Yo dibujo con CSS

Jorge Baumann

EJEMPLOS

Medellín CSS

¿Photoshop? Yo dibujo con CSS

POSITION

Jorge Baumann

.header {
  position: relative;
}

Medellín CSS

¿Photoshop? Yo dibujo con CSS

POSITION

Jorge Baumann

static

absolute

relative

...

Medellín CSS

¿Photoshop? Yo dibujo con CSS

BOX SHADOW

Jorge Baumann

.shadow {
  box-shadow: 10px 10px pink;
}

Medellín CSS

¿Photoshop? Yo dibujo con CSS

BOX SHADOW

Jorge Baumann

Añade sombra alrededor de un elemento

Múltiples sombras

Valores: inset, x, y, blur, spread y color.

Medellín CSS

¿Photoshop? Yo dibujo con CSS

DEMO TIME

Jorge Baumann

Medellín CSS

¿Photoshop? Yo dibujo con CSS

Jorge Baumann

GRACIAS

¿Photoshop? Yo dibujo con CSS

By Jorge Baumann

¿Photoshop? Yo dibujo con CSS

¿Photoshop? Yo dibujo con CSS

  • 200