6,306
questions
0
votes
0
answers
19
views
Bootstrap carousel box-shadow doubling during slide transition
I have a bootstrap carousel in which the bootstrap "row" for each slide has a box-shadow applied. When the slide is transitioning the second slide shadow appears and doubles on top of each ...
0
votes
0
answers
33
views
How to create an infinite scroll with smooth transitions (React)
Relevant code:
import styled from "styled-components";
import { useGames } from "../providers/gamesProvider";
import Card from "./Card";
import { useEffect, useState } ...
1
vote
1
answer
40
views
vuetify2 to vuetify3 transition-group no longer working
So I'm currently working on my transition from Vue2 Vuetify2 to Vue3 Vuetify3 and it's been quite the challenge honestly. It seems my code needs to rely less and less on Vuetify since things like the ...
1
vote
0
answers
48
views
transform transition image 'jumping' at start and end of animation
So I have a div that I want to expand (along with all elements it contains) when hovered over.. it's mostly working except at the start and end of the animation the background image 'jumps' to an odd ...
1
vote
1
answer
127
views
Slow Bouncy Effect on Hover using CSS and JS
I have this reference website called pipe.com and I'm so impressed with the bounce effect of the first section after the banner (see attached photo and please try to hover on the card on their website)...
0
votes
3
answers
106
views
CSS circle progress bar is not animating
I am unable to get the circle bar to animate. I attempted adding transition: all 600ms ease; but that didn't work. I am not sure if CSS animation supports conic-gradient.
jQuery(function ($) {
$(...
1
vote
0
answers
42
views
How to prevent CSS transition from playing on-load in Safari?
I'm trying to implement a simple CSS translate transition that slides the content in and out. It works perfectly in Chromium-based browsers, but the transition plays on-load in newer versions of ...
0
votes
0
answers
41
views
smooth transition effect with tailwind and nextjs
I have some mistake here in below code.
I want to do this smooth transition effect
like this in product images
check it here: https://demo.ar-themes.com/hanout/product/%d8%af%d9%85%d9%8a%d8%a9/
I try ...
-2
votes
0
answers
22
views
How to add sound to the gambling roulette [duplicate]
const Spinner = () => {
const [start, setStart] = useState(false)
const {isOpened, isFinished, fast, roulette} = useAppSelector(state => state.case)
const dispatch = useAppDispatch()
...
0
votes
0
answers
40
views
Apply several css transforms with transition after each other
I try to have an interactive animation of two (later more) linked rotation tables, the element in the intersection is supposed to be affected by either element. Allowing all 3 blocks to be ordered in ...
1
vote
1
answer
35
views
Custom context menu with fade transition in JavaScript
I've been trying to create a custom context menu with some buttons in it, however there is a problem. I have an opacity transition, and it only runs once when I right click. The next times I right ...
4
votes
1
answer
67
views
Chrome: grid container changes height at different rate from content
Below is a simplified (and exaggerated) example of an accordion that uses grid to transition the height of the content.
The transition works, but behaves weirdly in Chrome: the container (.accordion) ...
1
vote
0
answers
22
views
Gradient background transitioning animations not working with react-router
I am working on a hobby project.
I have a gradient background, and trying to create an animation whenever I switch between routes. For example, if I have background-color: linear-gradient(green, red) ...
0
votes
0
answers
22
views
Bootstrap 5 Carousel: How to Smoothly Transition Between Non-Adjacent Slides Using Indicators
Problem Description:
I'm using Bootstrap 5 to implement a carousel with three slides, and I've encountered an issue when navigating between non-adjacent slides using the indicators. Specifically, when ...
0
votes
0
answers
20
views
Firefox fails to apply transition when element locations are set using custom CSS properties
As a proof of concept, I have created a CSS-only CodePen page with a pseudo-random number generator. This moves coloured circles to random positions on the page. The positions are stored in custom CSS ...