Aquí, en este código, el texto flotante se mueve horizontalmente. Quiero moverlo verticalmente pero no sé qué coordenadas cambiar. Si alguien pudiera ayudarme con lo mismo.
Quiero tener la animación de línea junto con la animación de transformación de texto como el sitio web de cuberto tiene en el encabezado al pasar el mouse.
<body class="demo-1"> <main> <ol class="content"> <li class="content__item"> <a href="#" class="link link--leda" data-text="Transform Vertically"> <span>Transform Vertically</span> </a> </li> </ol> </body>La animación horizontal se basa en translate3d . Esa función toma tres propiedades x, y, z .
En su código existente, todas las transformaciones al pasar el mouse cambian el valor de x . Para moverlo verticalmente, desea modificar el valor y .
Aquí hay un ejemplo rápido basado en su código: https://codepen.io/29b6/pen/gOvowbw