En este artículo, aprenderemos cómo implementar el efecto de marquesina para un menú utilizando el complemento CSS MarqueeMenu . Marquee es un tipo de efecto de animación que se utiliza en el desarrollo de páginas web para obtener texto atractivo o desplazamiento de imágenes en direcciones verticales u horizontales. Nota: descargue el complemento CSS MarqueeMenu … Continue reading «Complemento CSS MarqueeMenu»
Básicamente es una imagen que es una colección de diferentes imágenes juntas para formar una sola imagen. El uso de sprites de imagen se realiza por dos razones principales: Para una carga de página más rápida, ya que use solo una imagen. Reduce el ancho de banda utilizado para cargar múltiples imágenes. De esta manera … Continue reading «CSS | Sprites de imagen»
El atributo tabindex especifica el orden de tabulación de un elemento. El botón «tab» se utiliza para la navegación. El atributo de contenido tabindex permite a los usuarios controlar si se supone que un elemento se puede enfocar, si se supone que se puede acceder a él mediante la navegación de enfoque secuencial y cuál … Continue reading «HTML y CSS | Atributo Tabindex y barras de navegación»
La interpolación es básicamente una inserción. La interpolación nos permite interpolar expresiones sass en un código SASS o CSS simple. Significa que puede definir (alguna parte o la totalidad) el nombre del selector, el nombre de la propiedad, las reglas CSS, las strings entre comillas o sin comillas, etc., como una variable. La interpolación es … Continue reading «SASS | Interpolación»
La animación de relleno de texto al pasar el mouse es un tipo de animación de texto de los conceptos modernos de diseño web. En esta animación, el texto se rellena con un color diferente del color del texto original en una dirección particular, es decir, de izquierda a derecha, de derecha a izquierda, de … Continue reading «¿Cómo crear una animación de relleno de texto usando CSS?»
El marcador de posición es otro tipo especial de selector. Se usa cuando está escribiendo su propia biblioteca SASS. Su funcionamiento es muy similar al de mixin sin argumentos. El selector de marcador de posición comienza con un signo de %. Sintaxis: %( name_of_selector ) { property: value; … } Los selectores de marcador de … Continue reading «SASS | Selectores de marcador de posición»
Los enlaces son una de las partes más importantes de cualquier componente que se utilice en la creación de sitios web. Casi todos los componentes tenían algún tipo de enlace. Un ejemplo común es un menú/barra de navegación. Todo lo que vemos es un botón como el de inicio, acerca de, etc., pero debajo del … Continue reading «¿Cómo crear enlaces de banner animados usando HTML y CSS?»
Shadowing y Flow control son métodos para cambiar el valor de las variables . Estos dos métodos son muy útiles cuando estamos trabajando con una biblioteca SASS. Lo discutiremos uno por uno. Sombreado: las variables locales se pueden declarar con el mismo nombre que las variables globales. Si hacemos eso, el valor de esa variable … Continue reading «SASS | Sombreado y control de flujo»
Esta animación nos es muy conocida. Cuando usamos Facebook, hay una reacción llamada WOW. Entonces, en este artículo, hicimos esa reacción usando HTML y CSS simples. Además, es uno de los mejores ejemplos para aprender el concepto de pseudo-elementos. Enfoque: lo básico de esta animación proviene de algunos atributos CSS y etiquetas HTML. Aquí, haremos … Continue reading «Emoji WOW de Facebook usando HTML y CSS»
SASS admite valores booleanos: verdadero falso Se usa en la compilación condicional donde la expresión se evalúa como cualquiera de estos valores. Asigne un valor booleano a la variable: $variable: true; or $variable: false; Uso en compilación condicional: Podemos usar valores booleanos en compilación condicional. Vea el ejemplo a continuación, hemos pasado un valor verdadero … Continue reading «SASS | Booleanos y operadores booleanos»