Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tworzenie "kawałków pizzy" z divów
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Stryku
Witam.

Mógłby mnie ktoś naprowadzić jak zrobić w html i css np. diva o kształcie kawałka pizzy? Lub ogólnie jak mam ekran to chciałbym podzielić go na divy. Tylko nie na prostokąty tylko na coś takiego jak na obrazku

http://i59.tinypic.com/5d9o2s.jpg

Z góry dziękuję za pomoc

EDIT
nie muszą być koniecznie divy
markuz
Użyj do tego Canvas-a
Tutaj masz bardzo dobry kurs z którego ja się uczyłem - http://kursjs.pl/kurs/canvas/canvas.html
by_ikar
Możesz do tego użyć css transform, lub w zależności co dokładnie tam potrzebujesz umieścić w tym divie, to możesz użyć border odpowiednio go ustawić i stworzyć symulacje trójkątów, tyle że nie wiem czy brzegi tej pizzy wtedy będą zaokrąglone, bardziej to wyjdzie jak wielokąt i zawartość tam umieszczona będzie dość ograniczona (głównie chodzi o tło). Tutaj masz przykład z transform: http://codepen.io/dsmoore/full/fiwAl/ a tutaj już jakieś gotowy plugin: http://zurb.com/playground/pizza-pie-charts

Moja rada na przyszłość: używaj google, wpisz sobie "css pizza".
PrinceOfPersia
SVG, chociażby.
proszek
http://css-tricks.com/examples/ShapesOfCSS/

Proszę bardzo smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.