python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - css-animations

How to create a circle with a text in the middle and across the edges in CSS?

If possible I would like to create this image in CSS. So far I have not been able to do anything even close to those edges with text. Is it even possible and if so how should I approach it?
test-img

IonicEcommerce

html

css

css-selectors

css-animations

Votes: 0

Answers: 1

Latest Answer

To turn your div into a circle you can apply the following property: border-radius: 100% Now if you are asking about the curved text, here is an article that might be helpful: https://css-tricks.com/s...
test-img

Davi Cheli Miquelim

Basic Animation HTML and CSS

So I am just a beginner and I am just trying to figure out animations and how they work. My plan is to move the ball infinitenly in an infinite number of degrees (lets say 90) on a line. Here are a co...
test-img

Mustafa

html

css

css-animations

css-transforms

Votes: 0

Answers: 1

Latest Answer

Here is an idea using CSS variables to have a generic code. Simply adjust the angle and the offset to control the movement .ball { --angle: 0deg; --offset: 150px; background-color: hsl(0,...
test-img

Temani Afif

Is it possible to turn off all CSS animations in Chrome?

I have a weird issue where if I play an animation on one of my 3 monitors, YouTube videos on any other monitor crashes. I did fix this by disabling hardware acceleration in chrome://flags, but a new u...
test-img

MortenMoulder

css

css-animations

chromium

hardware-acceleration

Votes: 0

Answers: 3

Latest Answer

* { animation: none !important; } /* turn off animation on all elements*/
test-img

anass Sanba

Animation CSS/JS Jerky on Android and sometime PC

I create a Periodic Table Apps and I create an animation where Element move from initial position to center of window, but transitions are Jerky. To do this I Create a Copy of this Element (clicked) a...
test-img

Lucas

javascript

css

css-animations

css-transitions

Votes: 0

Answers: 1

Latest Answer

I recently had a similar problems with jerky/laggy animation with a slider. The conclusion was that animation should be done with transform properties, not with top/bottom/left/right and neither with ...
test-img

SmilyLily

Posts

Questions

Blogs

Jobs