Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Is it possible to bend a div with CSS?
Some sort of webkit transform…
The effect i want to create is a have a ring doughnut shape but made up of a curved div as opposed to border-radius/border tricks
EDIT:
Use case – I’d like to put a linear gradient on this div and have the gradient wrap back around on itself, like in the game Snake, where it chases it tail…
Currently, this is not possible with CSS alone. Your best bet would be to make use of the
canvas(and some Javascript).https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas
http://www.roblaplaca.com/examples/bezierBuilder/
Update August 2023:
This still isn’t possible with only CSS (happy to be proven wrong). There are some interesting things you can do though, but they all depend on border, border radius, etc.
References: