Un palíndromo es una palabra, oración o incluso un número que se lee igual desde atrás y desde adelante. Por lo tanto, si tomamos la entrada, invertimos la string y verificamos si la string invertida y la string original son iguales, significa que la string es un palíndromo, de lo contrario, no lo es. Acercarse: … Continue reading «¿Cómo verificar que la string dada sea palíndromo usando JavaScript?»
En este artículo, crearemos una tarjeta transparente o borrosa utilizando las propiedades básicas de HTML y CSS . El efecto borroso también se llama efecto de cristal. Acercarse: En la etiqueta del cuerpo , cree el diseño de la tarjeta. Defina las clases a cada uno de los componentes para usar las propiedades CSS. Para … Continue reading «¿Cómo crear una tarjeta transparente o borrosa usando CSS?»
¿Quieres calcular el porcentaje? En caso afirmativo, puede hacer una calculadora de porcentaje simple usando HTML, CSS y JavaScript. En este artículo, debe ingresar las calificaciones obtenidas en el primer campo de entrada y las calificaciones totales en el segundo campo de entrada para calcular el porcentaje. Después de ingresar valores y hacer clic en … Continue reading «Calculadora de porcentaje usando HTML CSS y JavaScript»
¿Qué es SVG? SVG significa Gráficos vectoriales escalables. Es un formato de imagen basado en XML. Crea diferentes formas geométricas que se pueden combinar para hacer gráficos bidimensionales. Vamos a utilizar una imagen SVG para crear un efecto de animación de texto. Las imágenes SVG se pueden descargar de Internet o se pueden crear imágenes … Continue reading «Animación de texto usando imagen SVG»
El efecto de animación de desplazamiento de botón sesgado dividido se puede crear utilizando las pseudoclases antes y después en CSS. Al pasar el cursor, cambie la asimetría e intercambie las posiciones de antes y después de la pseudoclase. Pasos: Cree un archivo HTML llamado index.html. Cree un elemento div para el botón. Añade estilos … Continue reading «Animación de desplazamiento de botón sesgado dividido usando CSS»
En un sitio web, se vuelve importante detectar el dispositivo señalador utilizado por el usuario. Por ejemplo, si el usuario usa un dedo como dispositivo señalador (que tiene menos precisión en la pantalla debido a una mayor área de contacto entre la pantalla y el dedo), entonces deberíamos aumentar el tamaño de varios elementos como … Continue reading «¿Cómo detectar un dispositivo de pantalla táctil usando CSS?»
Ampersand o «&» es una característica poderosa de SASS. Mejora la legibilidad del código mediante el uso de declaraciones de anidamiento, lo que tiene una ventaja sobre el CSS convencional. Podemos anidar la clase css cualquier cantidad de veces, pero la mayoría de las veces no es necesario. Sintaxis: parent { some_styling; & .child_element … Continue reading «¿Cómo combinar padre usando ampersand (&) con selectores de tipo en SASS?»
Para presentar una lista de datos en HTML que no tienen orden/secuencia pero que están relacionados entre sí , se utiliza una lista desordenada . Las listas desordenadas se crean usando la etiqueta <ul> y cada elemento de la lista se escribe usando la etiqueta <li> . Los elementos de la lista se señalan con … Continue reading «¿Cómo cambiar el color de las viñetas usando CSS?»
Una barra de progreso se utiliza para mostrar el progreso de un proceso en una computadora. Una barra de progreso muestra cuánto del proceso se completó y cuánto queda. Entonces, hoy diseñaremos una barra de progreso circular usando HTML y CSS. Al usar HTML, diseñaremos los diferentes componentes para esa barra de progreso y luego, … Continue reading «Crear una barra de progreso circular usando HTML y CSS»
En este artículo, veremos cómo centrar un div en el borde de otro div usando SASS . SASS es una extensión de CSS que significa Syntactically Awesome Style Sheets . Nos ayuda a crear cosas como variables, reglas anidadas, etc. Para que podamos reutilizar el código. Centrar un div en el borde de otro div … Continue reading «¿Cómo centrar un div en el borde de otro div en SASS?»