CSS desde cero (2020) | Border radius
Francesco Gomez@francescogo
Buenas Noches Estimados,
Sin desmerecer la forma que nos explica nuestro profesor Alvaro para generar el logo de Youtube, pude generar el mismo objetivo jugando con las propiedades del border ( border-style, border-color, border-width ).
En la clase play, escribimos el siguiente código:
.play {
width: 145px;
height: 145px;
border-style: solid;
border-color: transparent;
border-left-color: white;
border-width: 75px 0 75px 125px;
margin: 50px auto 50px 140px;
}
Al borde de la derecha le coloco su width en 0, lo que habilita que el otro borde de la izquierda pueda crecer. Claro que esto se puede mejorar aún más.
Saludos.
Escribe una respuesta