Digitalroa - MENCIONES FOTOS

BLOQ

TUTORIAL IMAGENES DESLIZANTES EN SITE

CODIGO PARA IMAGENES DESLIZANTES

Enlace para convertir la imagen pública en una imagen alojada

Código para crear una imagen deslizante con dos imagenes, usamos el enlace https de google cambiando el ID de nuestras imagenes

https://drive.google.com/uc?export=view&id=YourFileID

<!DOCTYPE html>

<head>

<title>Change Image on Hover in CSS</title>

<style>

.card {

width: 700px;

height:700px;

background: url("Your URL") no-repeat;

}

.card:hover {

width:700px;

height:700px;

background: url("Your URL") no-repeat;

}

</style>

</head>

<body>

</body>

</html>

<!DOCTYPE html>

<head>

<title>Change Image on Hover in CSS</title>

<style>

.card {

width: 320px;

height:320px;

background: url("https://drive.google.com/uc?export=view&id=1lt2FCHMvBjvEWt68Fms7xWSSqC31QKJi") no-repeat;

}

.card:hover {

width:320px;

height:320px;

background: url("https://drive.google.com/uc?export=view&id=1gXclcK8UIbqDrwjH0bxQqN91MH_OpjVG") no-repeat;

}

</style>

</head>

<body>

</body>

</html>

https://drive.google.com/uc?export=view&id=12dIVCg4RaxSQZBmU8o9HETkvo03o9lbR/view?usp

https://drive.google.com/uc?export=view&id=1gXclcK8UIbqDrwjH0bxQqN91MH_OpjVG

Categorías