domingo, 14 de enero de 2024
viernes, 30 de diciembre de 2022
viernes, 28 de octubre de 2022
jueves, 27 de octubre de 2022
viernes, 7 de octubre de 2022
lunes, 3 de octubre de 2022
sábado, 1 de octubre de 2022
domingo, 11 de septiembre de 2022
martes, 16 de febrero de 2021
lunes, 15 de febrero de 2021
👨💻 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.
Leer más...
👨💻 Imagen en un circulo
Imágenes redondeadas
Utilice la propiedad border-radius para crear imágenes en círculo:
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:
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.
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:
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:
Bottom Right. Acá tu mensaje
Top Left Acá tu mensaje
Top Right Acá tu mensaje
Bottom Left Acá tu mensaje
Centered Acá tu mensaje
Suscribirse a:
Entradas (Atom)