Вопросы с тегом «css-shapes»

CSS-формы создаются с использованием каскадных таблиц стилей для преобразования HTML-элементов в формы и изображения. Самые простые формы включают треугольники, квадраты и круги, но могут быть преобразованы в более сложные формы, такие как сердца, восьмиугольники и звезды.

12
Прозрачный текст вырезан из фона
На этот вопрос есть ответы на Stack Overflow на русском : Прозрачный текст вырезан из фонарей Есть ли способ вырезать прозрачный текст из фонового эффекта, такого как на следующем изображении, с помощью CSS? Было бы грустно потерять все драгоценное SEO из-за того, что изображения заменяют текст. Сначала я подумал о …
92 css  svg  fonts  css-shapes 

6
Как я могу создать «хвост всплывающей подсказки», используя чистый CSS?
Я только что наткнулся на изящный трюк с CSS. Посмотри на скрипку ... .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 …

7
Волнистая форма с CSS
Я пытаюсь воссоздать это изображение с помощью CSS: Мне не нужно было бы это повторять. Это то, что я начал, но у него просто прямая линия: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент
80 css  css-shapes 

7
Создайте повторяющийся шестиугольный узор с помощью CSS3
Итак, мне нужно сделать повторяющийся шестиугольный узор с помощью CSS. Если нужны изображения, я могу пойти туда, но я бы предпочел просто использовать CSS, если это возможно. Вот идея того, что я пытаюсь создать: По сути, мне просто нужен способ создать шестиугольные формы, а затем наложить на них текст / …
79 html  css  css-shapes 
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.