Pomoc
-
Szukaj
-
Użytkownicy
-
Kalendarz
Pełna wersja:
[CSS] Nietypowy kształt
Forum PHP.pl
>
Forum
>
Przedszkole
Gość
7.07.2013, 18:46:31
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
7.07.2013, 20:25:50
to chyba łatwiej byłoby zrobić wektorowo (SVG?)
r4xz
7.07.2013, 20:50:44
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?
Gość
7.07.2013, 22:36:27
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ść
7.07.2013, 22:48:31
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
8.07.2013, 05:13:03
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.