 [CSS] Nietypowy kształt |
| [CSS] Nietypowy kształt |
| -Gość- |
Post
#1
|
|
Goście  |
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: (IMG:http://i.snag.gy/HLj6H.jpg) bez "włosów" ktoś już coś takiego robił, bądź pomoże mi uzyskać taki efekt? |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 717 Pomógł: 120 Dołączył: 18.04.2009 Ostrzeżenie: (0%) 
|
to chyba łatwiej byłoby zrobić wektorowo (SVG?)
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 673 Pomógł: 106 Dołączył: 31.12.2008 Ostrzeżenie: (0%)
|
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? (IMG:style_emoticons/default/haha.gif) |
|
|
|
| -Gość- |
Post
#4
|
|
Goście |
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ść- |
Post
#5
|
|
Goście |
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/ |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 1 729 Pomógł: 346 Dołączył: 4.04.2009 Ostrzeżenie: (0%)
|
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
|
|
|
|
 |
|
Aktualny czas: 4.10.2025 - 07:34 |
