Uốn cong div bằng CSS

Question

Có thể uốn cong div bằng CSS không?

Một số loại webkit transform ...

Hiệu quả tôi muốn tạo ra được một có một chiếc bánh rán vòng hình dạng nhưng tạo thành một div cong như trái ngược với border-radius/thủ đoạn biên giới

EDIT :

Sử dụng trường hợp - tôi muốn đặt một gradient tuyến tính trên div này và có gradient quấn lại xung quanh trên chính nó, như trong các trò chơi rắn, nơi mà nó đuổi nó đuôi ...

Answer 1

Hiện nay, điều này là không thể với CSS một mình. Đặt cược tốt nhất của bạn sẽ là sử dụng số canvas (và một số Javascript).

https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas

http://www.roblaplaca.com/examples/bezierBuilder/

Answer 2

Nó không giống như bạn có thể mà không sử dụng các trick border-radius:

http://www.w3schools.com/css3/css3_2dtransforms.asp

Các border-radius Bí quyết là một trong đó tôi thích ,

http://jsfiddle.net/charlescarver/ea3An/

Answer 3

Nếu bạn muốn văn bản thành đường cong, thì đây là vấn đề được thực hiện đối với khả năng Text on a Path của SVG. (hoặc Canvas). Thưởng thức.

Answer 4

Tôi khuyên bạn nên sử dụng THREE.js và thẻ canvas HTML5. Bạn có thể dễ dàng uốn cong và hoạt hình với nó. Xem các ví dụ. Chúc vui vẻ!

THREE.js Examples