Categoría: CSS

¿Cómo escribir: condición de desplazamiento para a: before y a: after en CSS?

Posted on by Rudeus Greyrat

Los selectores :before y :after en CSS se usan para agregar contenido antes y después de un elemento. El :hover es pseudo-clase y :before & :after son pseudo-elementos. En CSS, los pseudoelementos se escriben después de la pseudoclase.  Sintaxis:  a:hover::before { // CSS Property } a:hover::after { // CSS Property } En CSS3, los dos … Continue reading «¿Cómo escribir: condición de desplazamiento para a: before y a: after en CSS?»

Propiedad de posición de fondo CSS

Posted on by Rudeus Greyrat

La propiedad background-position en CSS se utiliza principalmente para establecer la posición inicial de la imagen de fondo, es decir, se utiliza para establecer una imagen en una determinada posición. La posición relativa a la capa de posicionamiento se puede establecer mediante la propiedad background-origin . Sintaxis: background-position: value; Nota: La imagen de fondo se … Continue reading «Propiedad de posición de fondo CSS»

Bulma | Aporte

Posted on by Rudeus Greyrat

Bulma es un marco CSS gratuito y de código abierto basado en Flexbox. Es rico en componentes, compatible y bien documentado. Es de naturaleza altamente receptiva. Utiliza clases para implementar su diseño. El componente de ‘entrada’ de un formulario no tiene un aspecto tan atractivo. Usando Bulma podemos diseñar elementos de entrada del formulario de … Continue reading «Bulma | Aporte»

CSS | propiedad trazo-linejoin

Posted on by Rudeus Greyrat

La propiedad stroke-linejoin es una propiedad incorporada que se usa para definir la forma que se usa para finalizar un subtrayecto abierto de un trazo. Sintaxis: stroke-linejoin: miter | miter-clip | round | bevel | arcs | initial | inherit Valores de propiedad: mitra: Se utiliza para indicar que se utilizaría una esquina aguda para … Continue reading «CSS | propiedad trazo-linejoin»

CSS | propiedad grid-auto-flow

Posted on by Rudeus Greyrat

La propiedad grid-auto-flow Especifica exactamente cómo los elementos colocados automáticamente fluyen hacia la cuadrícula. Sintaxis: grid-auto-flow: row|column|row dense|column dense; Fila: el algoritmo de colocación automática coloca elementos, llenando cada fila a su vez, agregando nuevas filas según sea necesario. Sintaxis: grid-auto-flow: row; Ejemplo 1: <!DOCTYPE html> <html>    <head>     <title>         CSS grid-auto-flow Property     </title>        … Continue reading «CSS | propiedad grid-auto-flow»

CSS | Elementos de centrado

Posted on by Rudeus Greyrat

A veces nos enfrentamos a problemas con el centrado de un elemento en una página web. ¿Es realmente tan difícil? No es demasiado difícil centrar un elemento. Hay tantas maneras diferentes de hacerlo. Una cosa que necesitamos saber es qué técnica es para qué propósito. Una vez que comprenda el problema, elegir la mejor técnica será … Continue reading «CSS | Elementos de centrado»

¿Qué es una directiva @extend en SASS?

Posted on by Rudeus Greyrat

Sass es la abreviatura de Syntactically Awesome Style Sheet. Es una actualización de las hojas de estilo en cascada (CSS) y es uno de los preprocesadores populares disponibles para escribir CSS. @extend es una palabra clave en Sass que permite compartir un conjunto de propiedades CSS de un selector a otro. Esto es útil para … Continue reading «¿Qué es una directiva @extend en SASS?»

Tailwind CSS Arriba/Derecha/Abajo/Izquierda

Posted on by Rudeus Greyrat

Estas clases aceptan muchos valores en Tailwind CSS en los que todas las propiedades están cubiertas en forma de clase. Estas son la alternativa a las propiedades CSS Superior/Derecha/Inferior/Izquierda. Estas clases se usan para controlar la alineación de un elemento posicionado. Recuerde que podemos usar estas propiedades solo con elementos posicionados. Clases superior/derecha/inferior/izquierda: .recuadro-0 .recuadro-y-0 … Continue reading «Tailwind CSS Arriba/Derecha/Abajo/Izquierda»

¿Cómo eliminar la transformación CSS aplicada?

Posted on by Rudeus Greyrat

En este artículo, aprenderemos cómo eliminar la transformación CSS aplicada. La propiedad de transformación CSS se utiliza para aplicar una transformación bidimensional o tridimensional a un elemento. Esta propiedad se puede usar para rotar, escalar, mover o incluso sesgar un elemento. Sintaxis: transform: value; Para eliminar la transformación CSS aplicada, usaremos JavaScript. Usando JavaScript cuando … Continue reading «¿Cómo eliminar la transformación CSS aplicada?»

CSS | Función perspectiva()

Posted on by Rudeus Greyrat

La función de perspectiva() es una función incorporada en CSS que se usa con la propiedad de transformación para establecer el efecto de perspectiva en las imágenes. Sintaxis:   perspective( length ); Parámetros: esta función acepta la longitud de un solo parámetro que se utiliza para mantener el valor del nivel de perspectiva. El valor de … Continue reading «CSS | Función perspectiva()»