Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Nietypowy kształt
Forum PHP.pl > Forum > Przedszkole
Gość
Witam. Ostatnio bawiłem się kształtami możliwymi do uzyskania z pomocą CSS3
z m.in. tej strony kopiowałem kod CSS: http://www.css3shapes.com/

teraz mam potrzebę zrobienia całkowicie odmiennego z kształtów, coś na wzór tego:

bez "włosów"


ktoś już coś takiego robił, bądź pomoże mi uzyskać taki efekt?
PrinceOfPersia
to chyba łatwiej byłoby zrobić wektorowo (SVG?)
r4xz
4 elementy:
1 - jajo (http://www.css3shapes.com/ - coś na wzór egg)
2 - prostokąt (?)
3 i 4 - koło

odpowiednio ustawić (+ z-index), jakiś border nadać i jest ;D

PS Chcę wiedzieć do jakich celów to będzie? Edukacyjnych? haha.gif
Gość
zmajstrowałem coś takiego: http://jsfiddle.net/u4H2y/1/

nawet ujdzie, ale problem jest z tym, że z-index nic nie daje, niepotrzebne (nałożone) elementy nadal się wyświetlają
Gość
jeśli wypełnię go jakimś kolorem jest git, ale przydałoby się na biały tle mieć takiego. jeśli ktoś wie jak to naprawić niech pisze.. tymczasem:

murzyn: http://jsfiddle.net/u4H2y/3/
azjata: http://jsfiddle.net/u4H2y/4/
zwykły: http://jsfiddle.net/u4H2y/5/
lobopol
robisz po prostu z białym kolorem jako wypełnieniem dobre z-indexy i jeszcze jeden cały biały prostokąt do zakrycia części kółek
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.