Pytania oznaczone «shapes»

1846
Jak działają trójkąty CSS?

Czy jesteś zainteresowany w stosie Przepełnienie stosu w : CSS? Istnieje wiele różnych kształtów CSS w CSS Tricks - Shapes of CSS, a ja jestem szczególnie zaskoczony trójkątem: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right:...

321
Tworzenie menu promieniowego w CSS

Jak utworzyć menu, które wygląda tak ... Link do PSD Nie chcę używać obrazów PSD. Wolałbym używać ikon z niektórych pakietów, takich jak FontAwesome, i generować tła / css w CSS. Wersję menu używającą PSD do generowania obrazów podpowiedzi, a następnie używającą go można znaleźć tutaj...

229
Jak zrobić tło gradientowe w Androidzie

Chcę utworzyć tło gradientowe, w którym gradient znajduje się w górnej połowie, a w dolnej połowie jest jednolity kolor, jak na poniższym obrazku: Nie mogę, ponieważ centerColorrozkłada się na dolną i górną część. Jak mogę zrobić tło jak pierwszy obraz? Jak mogę zrobić małe, centerColorktóre...

222
Jak utworzyć łzy w HTML?

Jak utworzyć taki kształt, aby wyświetlał się na stronie internetowej? Nie chcę używać obrazów, ponieważ byłyby rozmyte podczas skalowania Próbowałem z CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px;...

206
W jaki sposób ten CSS tworzy okrąg?

To jest CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Jak tworzy koło poniżej? Załóżmy, że jeśli prostokąt ma szerokość 180 pikseli, a wysokość 180 pikseli, wyglądałoby to tak: Po zastosowaniu promienia granicy 30 pikseli wyglądałoby to...

177
Kształty z wieloma gradientami

Chciałbym utworzyć kształt podobny do poniższego obrazu: Zwróć uwagę na górne pół gradienty od koloru 1 do koloru 2, ale jest dolna połowa, która przechodzi od koloru 3 do koloru 4. Wiem, jak utworzyć kształt za pomocą pojedynczego gradientu, ale nie jestem pewien, jak podzielić kształt na dwie...

171
Zaokrąglony róg dla widoku tekstu w systemie Android

Mam widok tekstu i chcę, aby jego róg był okrągły. Wiem już, że można to zrobić za pomocą android:background="@drawable/somefile". W moim przypadku ten tag jest już uwzględniony, więc nie można go użyć ponownie. np. android:background="@drawable/mydialogbox"jest już tam, aby utworzyć obraz w...

156
css: jak narysować okrąg z tekstem pośrodku?

Znalazłem ten przykład na stackoverflow: Narysuj okrąg przy użyciu samego CSS Który jest świetny. Ale chciałbym wiedzieć, jak zmodyfikować ten przykład, aby umieścić tekst w środku koła? Znalazłem również to: wyśrodkowanie tekstu w kółku w pionie i poziomie w CSS (jak znaczek powiadomienia na...

124
Border-radius w procentach (%) i pikselach (px) lub em

Jeśli użyję wartości piksela lub em dla border-radius, promień krawędzi jest zawsze łukiem kołowym lub kształtem pigułki, nawet jeśli wartość jest większa niż największy bok elementu. Kiedy używam procentów , promień krawędzi jest eliptyczny i zaczyna się na środku każdej strony elementu, co daje...

114
Niestandardowy kolor obramowania trójkąta CSS

Próbuję użyć niestandardowego koloru szesnastkowego dla mojego trójkąta CSS (obramowania). Jednak ponieważ używa właściwości granicznych, nie jestem pewien, jak to zrobić. Chciałbym omijać javascript i css3 tylko ze względu na kompatybilność. Staram się, aby trójkąt miał białe tło z obramowaniem...

102
Jak zrobić fantazyjną strzałkę za pomocą CSS?

Ok, więc wszyscy wiedzą, że możesz utworzyć trójkąt, używając tego: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } A to tworzy solidny, wypełniony trójkąt. Ale jak zrobić trójkąt w kształcie pustej...