Pytania otagowane jako css-shapes

Kształty CSS są tworzone przy użyciu Cascade Styling Sheets do przekształcania elementów HTML w kształty i obrazy. Najbardziej podstawowe kształty obejmują trójkąty, kwadraty i koła, ale można je przekształcić w bardziej zaawansowane kształty, takie jak serca, ośmiokąty i gwiazdy.

12
Przezroczysty tekst wycięty z tła
На этот вопрос есть ответы на 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 obrazów zastępujących tekst. Najpierw pomyślałem o cieniach, …
92 css  svg  fonts  css-shapes 

6
Jak mogę stworzyć „ogon podpowiedzi” używając czystego CSS?
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: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br /> <div>How do I …

7
Falisty kształt z CSS
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ń fragment
80 css  css-shapes 

7
Wygeneruj powtarzający się wzór sześciokątny za pomocą CSS3
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 nałożenie na nie tekstu / obrazów. Nie mam …
79 html  css  css-shapes 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.