Sección de tarjeta básica de material angular

Angular Material es una biblioteca de componentes de interfaz de usuario desarrollada por Google para que los desarrolladores de Angular puedan desarrollar aplicaciones modernas de una manera estructurada y receptiva. Al hacer uso de esta biblioteca, podemos aumentar en gran medida la experiencia de usuario de un usuario final, ganando así popularidad para nuestra aplicación. … Continue reading «Sección de tarjeta básica de material angular»

¿Cómo cambiar el color de la línea horizontal (elemento <hr>) usando CSS?

La etiqueta HTML <hr> se utiliza para insertar una regla horizontal o un corte temático en una página HTML para dividir o separar secciones del documento. El color de la etiqueta <hr> se puede establecer usando la propiedad background-color en CSS. Ejemplo: <!DOCTYPE html> <html lang=»en»>    <head>     <meta charset=»utf-8″>        <style>         hr {             height: … Continue reading «¿Cómo cambiar el color de la línea horizontal (elemento <hr>) usando CSS?»

Materializar migas de pan CSS

Las migas de pan en materialise CSS se utilizan cuando tiene varias capas de contenido para mostrar su ubicación actual. Materialise CSS proporciona varias clases de CSS para crear una buena ruta de navegación de una manera fácil. Utiliza dos clases, es decir , nav-wrapper y breadcrumb . nav-wrapper se usa para configurar el componente … Continue reading «Materializar migas de pan CSS»

CSS -webkit-apariencia

La propiedad -webkit-appearance en CSS es utilizada por navegadores basados ​​en WebKit como Safari. Tenga en cuenta que Firefox y Edge también son compatibles con -webkit-appearance , por motivos de compatibilidad. Aunque, la propiedad -webkit-appearance es compatible con algunos navegadores modernos, pero todavía hay una pequeña diferencia. Sintaxis: element{ webkit-appearance:values; } Valor de los parámetros: … Continue reading «CSS -webkit-apariencia»

CSS | función rotate()

La función de rotate() es una función incorporada que se utiliza para rotar un elemento en función del ángulo dado como argumento. El ángulo se puede establecer en términos de grados, gradianes, radianes o vueltas. Sintaxis: rotate( angle ) Parámetros: esta función acepta un solo parámetro de ángulo que representa el ángulo de rotación. Los … Continue reading «CSS | función rotate()»

¿Cómo cambiar la posición de la barra de desplazamiento usando CSS?

Las funciones de la barra de desplazamiento se pueden controlar mediante el uso de CSS. Anteriormente no era posible, pero las nuevas versiones de CSS lo hicieron posible para el diseñador web. Podemos usar la propiedad CSS “::-webkit-scrollbar” que se encarga de cambiar la forma, el color, el tamaño, el matiz, la sombra, etc. de … Continue reading «¿Cómo cambiar la posición de la barra de desplazamiento usando CSS?»

¿Cómo hacer zoom en una imagen al pasar el mouse usando CSS?

El efecto de zoom de imagen se utiliza para aplicar zoom sobre una imagen al pasar el mouse o al hacer clic. Este tipo de efecto se usa principalmente en sitios de cartera. Es útil en situaciones en las que queremos mostrar los detalles del usuario en la imagen. Hay dos formas posibles de crear … Continue reading «¿Cómo hacer zoom en una imagen al pasar el mouse usando CSS?»

Convierta una imagen en una imagen en escala de grises usando HTML/CSS

Dada una imagen en color y la tarea es convertir la imagen en una imagen en escala de grises usando la propiedad CSS. En CSS, la propiedad de filtro se usa para convertir una imagen en una imagen en escala de grises. La propiedad de filtro se utiliza principalmente para establecer el efecto visual de … Continue reading «Convierta una imagen en una imagen en escala de grises usando HTML/CSS»

CSS | Propiedad de orientación de texto

La propiedad de orientación de texto en CSS se usa para establecer la orientación del carácter en una línea. Esta propiedad es útil en secuencias de comandos verticales, como crear encabezados de tablas verticales, definir los nombres de las filas, etc.  Sintaxis: text-orientation: mixed|upright|sideways; Atributo: mixto: este valor se utiliza para rotar el carácter del … Continue reading «CSS | Propiedad de orientación de texto»

¿Cómo cambiar la opacidad de cada elemento de datos al pasar el mouse sobre una tabla usando CSS?

Hay una tabla hecha con HTML en la que los elementos de datos se establecen en una opacidad baja. La tarea es cambiar la opacidad de un elemento en particular cuando el usuario pasa el mouse sobre los elementos de datos. Para que una tabla se vea mejor, usaremos colores degradados para configurar los fondos … Continue reading «¿Cómo cambiar la opacidad de cada elemento de datos al pasar el mouse sobre una tabla usando CSS?»