Circle scale animation Chrome bug with CSS transforms

I have some troubles with a simple animation in Chrome. I´m working on a very simple preloader that consists in a circle that increase its size in time. This is how I´m creating...

css key-frames animating dynamic height

Hello I have the following css for my sub-menus.It is used in order to open them when the page loads.It works great, however I noticed that if at the end state of the animation I set height:auto;...

Scrolling to content after a Bootstrap Accordion is opened

I have a Bootstrap Accordion that has many panels in it. The issue I am facing is if the panel opens off the page the user has no idea that the panel is open and they can scroll down to it. To...

Changing background color of Ionic ion-item in CSS

I have added the following code style="background-color: #C2A5A5 !important. But that has not worked for me. how can I add background color to ion-item?Thanks in advance. <ion-item...

How to create a centered UICollectionView like in Spotify's Player

I am have a lot of difficulty trying to create a UICollectionView like in Spotify's Player that acts like this: The problem for me is two fold. How do I center the cells so that you can see the...

I do I check a UIView's transform value?

How do I check if a particular UIView's transform is either was set via CGAffineTransformIdentity or was moved physically? Scenario: I can position UIView via either changing its frame or via...

Bring View on top of Modal using zIndex style with React-Native

zIndex has been introduced recently to React-Native to change the position of a View in the stack of layers. Although, I'm not able to bring a View on top of a Modal component. My code looks like...

How to make recyclerView animate when swap or change the position of each items

I want to create sorting with animation on Android. I think the best way is to make use of RecyclerView. For better user experience I want to show some animation especially when there is a change...

Android - Youtube drag video to bottom right corner

So the youtube app on android at the moment, has a drag action ... If you touch an drag a video while it's playing, the video shrinks and puts itself into the bottom right corner. I tried to...

Hero animation not working properly?

I am new in Flutter. Today I created splash screen and login screen. Then I want to animate my logo from splash screen -> login screen. But when I run code, the animation not working here is my...

CSS animate custom properties/variables

I have been trying to get this to work for a while. The point is that the inner div will have some shape and there will probably more than one (That's why I used the nth-child selector). This...

Flutter animate transition when Text data changes

Is there a way in Flutter to animate the transition when the data of a Text element changes? I have a new Text(_value) element where _value changes based on a Slider position. Is there any way to...

How to animate Google map marker smoothly from one location to another location in ios

i Have a car icon in google map and which have to be moved in regular time interval. the location coordinates will be fetched from server and i have managed to change the location of marker by...

How to boost MIT Scratch 3 performance in "full screen" mode?

I am using the version 3 of MIT-Scratch to create a simple game. It's running smooth in the (smaller) editor view, but it hast quite significant lag (only a few fps) in the full screen mode, on...

How to make editable input box a required field?

I have an editable input box on my form, my question is how do I make it a required field. Here's the form and what I did: <td contenteditable="true" class="empname" required></td> I'm not...

Issue with Buttons in SwiftUI on MacOS

I'm using SwiftUI on MACOS If I do this: Button(action: { } ) { Text("Press") .padding() .background(Color.blue) } I get this: and the two grey areas are...

Exo Player becomes black when animating the container fragment, How to fix it?

I have an Exoplayer view in a fragment, when I animate the fragment container view from the activity the exo player will become black. I used setKeepContentOnPlayerReset(true); to keep the last...

Why can't I load any js after my blazor.server.js?

So I noticed that in my _Host.cshtml file I have this script before the </body> tag <script src="_framework/blazor.server.js"></script> And I also have some scripts that are suppose to load...

Dynamically creating or reordering children widgets in a PageView in Flutter

Context: Imagine the Snapchat UI. You are on your friend-list screen (to the left of the Camera screen). You swipe left to right on a friend's name, and Snapchat animates a transition from the...

Animation for react-select menu open/close

Is it possible to animate opening and closing the menu? The menu node is removed or attached to DOM tree on opening/closing so this interferes with css animation. Is there a work around for this?

Flutter Web Mouse Region Widget Triggering

I am trying to get this result with Flutter; I am having this behaviour; Code; import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; import 'dart:html' as...

Making texts appear one by one (aka Typewriter effect) in Android Kotlin

It could be a basic question, or I might made my project far ahead of my ability, but I could really use a help on this which took my hours of searching and trying others' code. My activity...

Three.js just drawing a white screen

I am trying to follow the tutorial on here: https://threejs.org/docs/#manual/en/introduction/Creating-a-scene and my browser just shows me a white window. I tried to seperate the files into both...

Animate text to change color from top to bottom

I have some text that I want to animate. The text should change color from white to green from top to bottom. I want the new color to basically drop from the top. body{ background-color:...

Vue 3 – <Transition> renders non-element root node that cannot be animated

App.vue has a transition tag to fade the pages out and in. <router-view v-slot="{ Component }"> <transition name="fade" mode="out-in" appear> <component :is="Component"></component> ...

Build reusable Animation component with react-spring without rendering a wrapper element

I'd like to build a re-usable animation component with react-spring. Here's what I have so far: codesandbox const Fade = ({ show, as = "div", children }: { show: boolean; as?: keyof...

How to animate the resize of a Delphi VCL form on Windows?

Is there any reasonably simple and robust way to smoothly animate the programmatic resize of a Delphi VCL form on Windows? For instance, when the user clicks the "Show details" button the form's...

Show image on screen with ursina

I'm making a 3D FPS in Ursina, and I'd like to have my arm skin with the weapon as an image, not an actual 3D model. Does anyone know how to do this ? I tried with Animate from the documentation,...

tkinter + figma animated GUI

I'm trying to redesign my application. In previous version ('old') I was using pure tkinter with python. In the new version I decided to create modern GUI. For this purpose I'm using Figma to...

How to animate the active text element inside a carousal?

I'm trying to do a carousal like in this CodePen using React Hooks. My present result is in this Sandbox: Click..! The problems I'm facing are: I want to position the actively displaying Text...

Relevant tags