Pytania oznaczone «css-shapes»

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:...

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...

Chciałbym otoczyć liczbę w kole jak na tym obrazku: Czy to możliwe i jak to

Chcę mieć stronę internetową, która ma jedno wyśrodkowane słowo. Chcę, aby to słowo zostało narysowane za pomocą animacji, tak aby strona „zapisała” to słowo w taki sam sposób, jak my, tzn. Zaczyna się w jednym punkcie i rysuje linie i krzywe w czasie, tak aby końcowy wynik był glifem. Nie dbam...

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;...

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...

Zastanawiam się, czy jest łatwiejszy sposób tworzenia okrągłych div niż niż to, co robię teraz. Obecnie tworzę tylko obraz dla każdego rozmiaru, ale irytuje to. Czy w ogóle używa CSS do tworzenia div, które są okrągłe i mogę określić

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...

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...

Czy można kontrolować długość i odległość między kreskowanymi kreskami w CSS? Poniższy przykład wyświetla się inaczej w różnych przeglądarkach: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> Uruchom fragment koduUkryj...

Jak narysować okrąg za pomocą HTML5 i CSS3? Czy można również umieścić tekst w

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...

Zamknięte. To pytanie nie spełnia wytycznych dotyczących przepełnienia stosu . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby było na temat przepełnienia stosu. Zamknięte 5 lat temu . Popraw to pytanie...

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...

Próbuję utworzyć kształt jak na poniższym obrazku z ukośną krawędzią tylko z jednej strony (na przykład z dołu), podczas gdy pozostałe krawędzie pozostają proste. Próbowałem użyć metody granicznej (kod podano poniżej), ale wymiary mojego kształtu są dynamiczne i dlatego nie mogę użyć tej...

На этот вопрос есть ответы на Stack Overflow на русском : Прозрачный текст вырезан из фона Czy istnieje sposób na utworzenie przezroczystego tekstu z efektu tła , takiego jak na poniższym obrazku, za pomocą CSS? Szkoda byłoby stracić wszystkie cenne SEO z powodu...

Właśnie trafiłem na zgrabną sztuczkę CSS. Sprawdź skrzypce ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image:

Próbuję odtworzyć ten obraz za pomocą CSS: Nie potrzebowałbym tego powtarzać. To jest to, co zacząłem, ale ma tylko prostą linię: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Uruchom fragment koduHide resultsRozwiń...

Muszę więc stworzyć powtarzający się sześciokątny wzór, używając CSS. Jeśli potrzebne są obrazy, mogę tam wejść, ale wolałbym po prostu użyć CSS, jeśli to możliwe. Oto pomysł na to, co próbuję stworzyć: Po prostu potrzebuję sposobu na utworzenie sześciokątnych kształtów, a następnie...