domingo, 14 de enero de 2024

👨‍💻 INDICE

Leer más...

👨‍💻 Sobre la propiedad fetchPriority

Leer más...

viernes, 30 de diciembre de 2022

👨‍💻 Sobre el atributo loading

Leer más...

👨‍💻 Sobre el atributo asincrónico de decodificación de imágenes HTML

Leer más...

viernes, 28 de octubre de 2022

👨‍💻 ¿Cómo agregar Box-Shadow al objeto Clip-Path?

Leer más...

jueves, 27 de octubre de 2022

👨‍💻 Formateando letra capital con imágenes circulares

Leer más...

👨‍💻 Formateando letra capital con imágenes editadas con clip-path

Leer más...

viernes, 7 de octubre de 2022

👨‍💻 Ajustar imágenes al tamaño del contenedor con CSS

Leer más...

👨‍💻 Cómo animar gradientes o degradados con css

Leer más...

lunes, 3 de octubre de 2022

👨‍💻 CSS3: Efectos hover para imágenes

Leer más...

sábado, 1 de octubre de 2022

👨‍💻 Texto grabado con CSS

Leer más...

domingo, 11 de septiembre de 2022

👨‍💻 CÓMO HACER UNA GALERÍA DE IMÁGENES RESPONSIVE

Leer más...

martes, 16 de febrero de 2021

👨‍💻 Generador de botones on line con degradado

Leer más...

lunes, 15 de febrero de 2021

👨‍💻 Agrandar imagen

Para agrandar la imagen,.. clic ACÁ

Leer más...

👨‍💻 Imagen que se descolora en una caja

Avatar
Linda Cornell
Leer más...

👨‍💻 Superposición de desplazamiento de imagen

Fade in Overlay | Se descolora en superposición

Avatar
Hello World
Leer más...

👨‍💻 Aplicando propiedades filter a una imagen

Note: Nota: La propiedad filter no se admite en Internet Explorer o Edge 12.

sorpresa sorpresa sorpresa sorpresa sorpresa sorpresa sorpresa sorpresa sorpresa sorpresa Leer más...

👨‍💻 Efecto sombra al pasar cursor -- Miniatura

Utilice la propiedad border para crear imágenes en miniatura. Envuelva un ancla alrededor de la imagen para usarla como enlace.

Pase el cursor sobre la imagen y haga clic en ella para ver el efecto.

ejemplo Leer más...

👨‍💻 Imagen en un circulo

Imágenes redondeadas

Utilice la propiedad border-radius para crear imágenes en círculo:

Paris

El código es el siguiente:



<style>
img {
  border-radius: 50%;
}
</style>


<h2>Imágenes redondeadas</h2>
<p>Utilice la propiedad border-radius para crear imágenes en círculo:</p>

<img src="URL" alt="nombre" width="100" height="100">

</body>
</html>


Fuente
https://www.w3schools.com/css/css3_images.asp
Leer más...

👨‍💻 Imágenes redondeadas

Use the border-radius property to create rounded images:

Paris

El código es:


Fuente.
https://www.w3schools.com/css/css3_images.asp

Centrar una imagen:

Para centrar una imagen, establezca el margen izquierdo y derecho en automático y consértelo en un elemento de bloque.

Ejemplo

El codigo es:



https://www.w3schools.com/css/css3_images.asp
Leer más...

👨‍💻 Transparencia de la imagen ▪ La propiedad opacity

Transparencia de la imagen

La propiedad opacity especifica la transparencia de un elemento. Cuanto menor sea el valor, más transparente será:

Acá un ejemplo de una Imagen con aplicación de propiedad opacity:

Transparencia de la imagen

El código es:


https://www.w3schools.com/css/css3_images.asp

Leer más...

👨‍💻 Texto de imagen

Añade texto a una imagen en la esquina de tu preferencia:

ejemplo
Bottom Right. Acá tu mensaje
Top Left Acá tu mensaje
Top Right Acá tu mensaje
Bottom Left Acá tu mensaje
Centered Acá tu mensaje
Leer más...