• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zrobić taki efekt trójkąta

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
561 wizyt
pytanie zadane 4 sierpnia 2018 w HTML i CSS przez `Krzychuu Stary wyjadacz (13,940 p.)

Witam

Jak zrobić efekt trójkąta?, próbowałem coś samemu zrobić ale nie mogłem go ustawić całą szerokość strony i żeby się skalował przy zmniejszaniu rozdzielczości.

 

to co próbowałem zrobić

.test {
width: 0;
height: 0;
display: block;
border-right: 100px solid transparent;
border-left: 100px solid transparent;
border-top: 120px solid #000
}

 

1 odpowiedź

+2 głosów
odpowiedź 4 sierpnia 2018 przez Adrian1999 Nałogowiec (34,570 p.)
https://bennettfeely.com/clippy/ spróbuj tego użyć :D Najwygodniejsza opcja, przynajmniej dla mnie
komentarz 4 sierpnia 2018 przez `Krzychuu Stary wyjadacz (13,940 p.)
a da się zrobić żeby ten trójkąt był na 100%, tak jak na obrazku i się skalował przy zmienie rozdzielczości?
1
komentarz 4 sierpnia 2018 przez Adrian1999 Nałogowiec (34,570 p.)
No tak da się jasne, tylko musisz tutaj pokombinować z opcjami, a co do skalowania to w media queries się pobaw ^^
komentarz 4 sierpnia 2018 przez `Krzychuu Stary wyjadacz (13,940 p.)
dzięki

Podobne pytania

0 głosów
2 odpowiedzi 793 wizyt
pytanie zadane 27 czerwca 2016 w HTML i CSS przez Jakub Wróbel Użytkownik (920 p.)

93,088 zapytań

142,046 odpowiedzi

321,473 komentarzy

62,435 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...