[Hỏi đáp] Bẻ cong phần tử thành vòng tròn

Cho méo hỏi có cách nào để bẻ cong một phần tử thành vòng tròn, ví dụ như

Code:

<div style="width:200px;height:5px;background:red"></div>

Thì sau khi bẻ cong nó sẽ tạo thành một đường màu đỏ chu vi 200px dày 5px và để trống ở giữa.
Nếu sử dụng hover từ 0px thành 200px thì nó sẽ chạy theo đường vòng luôn

Có cách nào không mọi người?

trống ở giửa thì dùng border chứ ai lại để width vs height @@, thì ban đầu để

Code:

#A{background:#000;width:0px;height:0px;border:5px solid #359bed;transition:.5s ease;border-radius:100%}

sau đó gán hover vào

Code:

 #A:hover{width:200px;height200px}

không biết đúng k @@

cái đó thì ai chả biết @@ méo biết cái đó lâu rồi
ý méo là giống như mấy cái phần mềm trong đt thoại mà nó cứ chạy theo đường vòng ấy @@

muốn tròn thì dùng

Code:

border-radius: 50%

@@ cái đó nó thành hình tròn rồi, còn ý méo giống như thanh đất sét mà bẻ cong thành hình tròn ấy @@

http://jsfiddle.net/NqLYN

vậy đến hồi khi rê chuột vào thì nó thay width thành vòng tròn làm sao bác -_-

NCat wrote:vậy đến hồi khi rê chuột vào thì nó thay width thành vòng tròn làm sao bác -_-

rê chuột vào đâu? thành width vòng tròn nào? :v demo thì không có, giải thích thì :fb133: Như vầy phải không?
http://jsfiddle.net/NqLYN/2/

có demo méo hỏi làm gì nữa :v
giả sử đầu tiên có width = 10px , khi rê chuột vào div width 10px đó thì width thành 100px, nhưng nó không kéo dài theo đường thẳng mà kéo theo vòng tròn -_- giống như cái hình con nhỏ kurumi trong http://fcatest8.forumvi.com , nhưng thay đổi width chứ không đụng tới border -_-