I have a simple div with a before and after pseudo element. I use keyframes to transform everything along the y axis. The pseudo elements move faster than the main element and I have no idea why. I explicitly set…
i want use the same code for multiple modules in this page and i already tried some different method but nothing seem to be working. i don't want to duplicate the existing codes infinitely, document.addEventListener('DOMContentLoaded', function () { const arrowDown…
I'm using a simple css animation and by clicking on a button I toggle class and playing animation reverse. Unfortunately the animation play correctly on loading page but when i click on the button the animation don't run it give…
I'm working on a portfolio website and I have a menu bar at the top with 3 buttons. My issue is that, when I change the theme of the page from dark to light with a toggle, effects on hover…
I am trying to make hover scale work smoothly with animation scale. Hover works with #test but with .rotate I can't get it to work correctly. Also, why the hover scale doesn't work when the animation-fill-mode is forwards instead of…
I'm currently messing with an information column on the left side of the screen. What I would like is for the column to smoothly slide off the left edge of the screen, and for the remaining content to smoothly fill…
I'm trying to reproduce this heart-shaped "like" button: Inactive state at the top, hovering at the bottom The hover has to be animated with a transition, like this. I've tried using FontAwesome and Material Icons, but I can't figure out…
I'm a little stumped trying to sort out a simple animation of a background-image fading in and out on hover. Seemingly the web browser says undefined though my keyframes are defined: .elementor-section.elementor-element.core-range > .elementor-container:hover .product-image::before { animation: coreRangeBackground 0.3s ease-in-out…
I am trying to animate in an infinite loop 6 images. When I add the 6th image and if I add the "poster" class, none of the images are displayed, but if I omit adding the "poster" class to the…
I am trying to trigger a CSS animation on mouseover event. Sadly, it does not work as desired. This is what I tried. I am trying to achieve the same motion on mouseover as the keyframe declaration within CSS would.…