Necesito cambiar CSS cuando hago clic en la imagen. Hago algunas búsquedas y encuentro la función onclick="js function" pero no sé cómo ejecutar el css. Aquí está el css que necesito ejecutar en la función onclick=""
.all:hover { perspective: 1000px; transition: all 1.3s ease-in; transform: perspective(10000px) rotateX(0deg); }esta es una forma de lo que quieres:
1- Dale una identificación a tu foto
2- debe crear una clase en su archivo css y darle estos estilos de "desplazamiento".
3- debe crear una función js y llamarla con el evento de imagen "onclick". en este ejemplo, llamé a mi función, "myFunction".
4- crea una etiqueta de script y escribe esta función para lo que quieras:
function myFunction() { var element = document.getElementById("your picture ID"); element.classList.add("Put the class you just created in your css file"); }