+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Przekątna DIV (/thread-przekatna-div)
Przekątna DIV - Lenad - 29-12-2012
Witam chciałbym zrobić linie przekątną div'a która była by przerywana. Jak taki efekt uzyskać? Pozdrawiam
RE: Przekątna DIV - Kartofelek - 30-12-2012
przynajmniej 2 metody
1) tworzysz 2 divy. Zewnętrzny z overflow:hidden, width, height, wewnętrzny ma height:0; border-bottom:1px dashed #000; width:150%;
wewnętrzny obracasz transformacjami css3 rotate http://css3please.com/
2) Tworzysz canvas o szerokości diva. W nim rysujesz przerywaną linię http://stackoverflow.com/questions/4576724/dotted-stroke-in-canvas
RE: Przekątna DIV - hieroshima - 30-12-2012
kurcze, własnie chciałem napisać, że się nie da
, a zapomniałem o transformacji i canvasie
RE: Przekątna DIV - atp - 31-12-2012
...albo narysuj sobie dużego gif'a z przerywaną przekątną linią i dawaj go w background z position "center center" - wtedy nawet w IE zadziała
RE: Przekątna DIV - Kartofelek - 31-12-2012
Jak się nie da. Widziałem skrypty, które rysowały kreski tworząc 1px divy
Może to nieco obciążająca metoda, ale da radę.Ale tak naprawdę wykorzystał bym jakiś plugin do canvasów i po prostu na nim narysował. Po to go stworzono by po nim rysować. A dla IE są szczepionki.
RE: Przekątna DIV - atp - 01-01-2013
(31-12-2012, 21:27)Kartofelek napisał(a): (...) plugin do canvasów i po prostu na nim narysował. Po to go stworzono by po nim rysować. A dla IE są szczepionki.
Ja osobiście staram się unikać takich rozwiązań - jeżeli byłoby można to zrobić gif'em w tle to tak bym właśnie zrobił ponieważ wszystkie 'szczepionki', pluginy i inne sprawy to dodatkowe obciążenie dla procesora itp. a jak ktoś jedzie na starszym laptopie i dodatkowo przegląda strony przy użyciu IE to już kiszka ... no chyba że robisz to sobie prywatnie to zawsze możesz olać pewien segment rynku i w przyszłości nam wszystkim to wyjdzie na dobre