Tôi đã được một nhà thiết kế yêu cầu phát triển bởi một nhà thiết kế. Họ đang yêu cầu tôi làm một cong/uốn cong menu:Menu cong trong CSS
Đây có phải là có thể tạo ra? Tôi đã không bao giờ đi qua một cái gì đó như thế này trước và amffled như để tiếp cận này.
Bạn có thể có thể làm điều đó với canvas. Xem câu trả lời cho Is there a way to curve/arc text using CSS3/Canvas để biết mẫu. Lưu ý rằng canvas không được IE8 hỗ trợ và trước đó, nhưng nó được hỗ trợ khá rộng rãi trong các trình duyệt hiện đại.
Bạn cũng có thể muốn xem hướng dẫn này trên drawing a sine wave with canvas vì menu trong hình ảnh của bạn có phần hình sóng sin.
Đó là rất nhiều công việc mặc dù cho một cái gì đó như thế này, mặc dù. Thay vào đó, bạn chỉ có thể tạo một hình ảnh lớn và sử dụng phần tử map để tạo bản đồ hình ảnh.
Bạn cũng có thể consturct nó ra khỏi một loạt các hình ảnh nhỏ.
Điều này hoàn toàn không thể sử dụng CSS. Nó sẽ phải được tạo ra bằng cách sử dụng hình ảnh cắt lát hoặc thực hiện trong flash.
Tôi nghĩ rằng nó có thể với CSS3 và thậm chí cả bộ lọc IE, mặc dù khó khăn. Ít nhất là phần văn bản. –
Tôi đang sử dụng wordpress để phát triển trang web, vì vậy tôi đoán việc cắt hình ảnh sẽ không thể thực hiện được vì tôi sẽ sử dụng menu động của chúng. – joshzee
sau đó tôi không nghĩ rằng nó có thể. nếu bạn nhìn vào câu trả lời của @ Trott về vải 'và vẽ trên một làn sóng sin bạn có thể làm cho nó đi nhưng nó chắc chắn sẽ mất rất nhiều công việc, có lẽ nhiều hơn nó có giá trị. – CoreyRS
Bạn có thể nhìn vào ví dụ sử dụng tài sản rotation CSS3:
https://www.google.com/search?q=css+rotate
Cắt hình ảnh thành hình ảnh nhỏ hơn thay vì sử dụng văn bản một tùy chọn? –