@MikeLD: najprościej to byłoby zrobić cały ten slider w formie jednego obrazka PNG, wraz z tym zielonym paskiem i dzyndzelkiem… Najprościej, choć najbardziej prymitywnie :)
@MikeLD: Niebieski kwadracik na górze, zielony kwadracik większy o kilka px na spodzie (całkowicie pod spodem). W niebieski kwadracik możesz wrzucić oczywiście tło w identycznej pozycji jak w głównym divie, wtedy całkowicie zleje się z resztą.
Czerwony kolor ma 50% opacity, żeby było widać o co chodzi:
@veranoo jestem przeciwnikiem jsa jeśli chodzi o stylowanie i myślę, że tu nie jest potrzebny :)
@MikeLD spróbuj może za pomocą before zrobić trójkąt z ustawionym width 50% - szerokość trójkąta, potem afer jako lustrzane odbicie na pozostałą część. Całość przesunięta w górę (margin top -wysokość before, żeby naszło na slider) Border być może da się uzyskać za pomocą odpowiedniego shadowa To luźna propozycja ;)
Szukam pomysłów #css #webdev
@dGustator: wiem :> ale odpada.
Czerwony kolor ma 50% opacity, żeby było widać o co chodzi:
1. wpisać w googlee:
-arrow div end
2. http://stackoverflow.com/questions/19719048/center-triangle-at-bottom-of-div
xd
border-style: solid;
border-bottom: thick dotted #ff0000;
}
@MikeLD spróbuj może za pomocą before zrobić trójkąt z ustawionym width 50% - szerokość trójkąta, potem afer jako lustrzane odbicie na pozostałą część. Całość przesunięta w górę (margin top -wysokość before, żeby naszło na slider) Border być może da się uzyskać za pomocą odpowiedniego shadowa
To luźna propozycja ;)
@woniu: jak umiesz posługiwać się domem, jest to pare lnijek które przeglądarka łyknie że nawet nie będziesz wiedział kiedy to się stało.
Wiadomo, że czasem js jest jedynym wyjściem - ale to powinna być ostateczność