Publicado el

10 trucos de CSS del blog de platzi.com

trucos-css

trucos-cssInteresante artículo del blog de Platzi.com que nos explica 10 interesantes trucos de CSS: usar variables; truncar textos; transformar textos; crear un cursor personalizado; realizar centrado vertical; usar condicionales; diseñar un cursor parpadeante; dibujar con :before y :after; añadir íconos a formatos de archivo; crear un layout masonry.

“Al igual que HTML, del cual hablamos en este blog, CSS también ha ido creciendo y evolucionando. Antes, si queríamos diseñar grandes efectos, animaciones o ciertas funcionalidades debíamos recurrir a JavaScript, ahora eso no es necesario porque CSS creció y sí puede.”…

https://platzi.com/blog/10-trucos-de-css-que-te-van-a-sorprender/

Publicado el

Bordes redondeados en capas o imágenes con CCS3

indaga

CSS3 nos permite crear bordes redondeados utilizando el atributo o propiedad border-radius, el cual define la curvatura que debe tener el borde del elemento.

Vamos a ver un ejemplo (que acabo de poner en marcha en la página principal de esta web): imágenes con un borde redondeado. Para ello, y ya que las imágenes de WordPress tienen su propia clase, he creado una regla CSS personalizada en para crear un id (que no interfiera con la clase de la imagen de WordPress) el cual he llamado en cada una de las imágenes d ela portada de Indaga.net. El código CSS es el siguiente:

#redondeado
{
border: 2px solid orange;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 3px;
}

Continuar leyendo “Bordes redondeados en capas o imágenes con CCS3”