I'm a beginner and I wanted to replicate this site as a personal project: https://olhauzhykova.com/ I want the header section to remain the same size while the title changes. Also could anyone suggest how I can animate a top-down flip…
I need the bottom of the text to be grayed out, and long text to be cut off at a specific height. There's a button that, when clicked, should expand this section. Everything works fine except for the animation that…
I'm building a slide using Swiper and need some help styling the active slide. Currently, the slides are set at a scale of .75, and the active slide is set at 1, resulting in a close-up effect. However, I am…
I need to know when an input box is unfocused, but I can't figure out how to. I HAVE been trying to use input:not(:focus), but it doesn't work for me. Here is a video of that happening. If you don't…
TSX: function Content() { return ( <> <main id="main"> <img src="/vite.svg" id="logo" /> </main> </> ); } export default Content; CSS: :root { font-family: sans-serif, Arial !important; } #main #logo { animation-name: spin; } @keyframes spin { from { transform:…
I am trying to change the code such that when I hover on #btnSaveChanges, it will change with background color blue instead of black. Similar with #btnLogout. HTML <button id="btnSaveChanges" className="button-57" onClick={handleSave}> <span>Save</span> <span>Save</span> </button> <button id='btnLogout' className="button-57" onClick={handleLogout}> <span>Logout</span>…
I have an element positioned at the bottom of the page, and I want to animate it sliding out of view. In my implementation, the element is not actually vanishing, but rather just sliding down, such that if you scroll…
is it posible, to animate css rotate as linear transition (take start and end points of transition and use them like a keyframes where points go straight forward to their final position)? for example: by default rotation from 1 to…
I found a tutorial about creating a breath pacer using CSS: The inhale and the exhale in the code are the same (4s). I want to control with the code the inhale, post-inhale hold, exhale, post exhale hold timing. How…
I created a fingerprint scanner animation in CSS, but I encountered an issue where the scanner animation does not stay in place and instead follows the animation of the scanning board. For more details, I have attached the my codesandbox…