Результаты поиска по запросу "css-shapes"
CSS треугольник: перед элементом
Я использую начальную загрузку, пытаясь сделать div с треугольником CSS перед ним.http://jsfiddle.net/B2XvZ/11/Вот мой нерабочий код:
CSS: как нарисовать круг с текстом в середине?
Я нашел этот пример на stackoverflow: Нарисуйте круг, используя только CSS [https://stackoverflow.com/questions/6936972/draw-circle-using-css-alone] Что здорово. Но я хотел бы знать, как изменить этот пример, чтобы я мог включить текст в ...
Как этот CSS создает круг?
Это CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; }Как получается круг ниже? Предположим, что если ширина прямоугольника равна 180 пикселям, а высота равна 180 пикселям, то это будет выглядеть так: После ...
Как наклонить угол блока div?
У меня есть следующий HTML-документ: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 200px; background: #ccc; padding: 5px; padding-right: 20px; border: solid 1px black; float: ...
CSS применяет границу к форме облака?
Я нарисовал облако через CSS3, используя разныеdiv теги Я пытаюсь добавить границу ко всей фигуре, но у меня возникают проблемы, поскольку каждая фигура получает свою границу, как я могу применить границу ко всему облаку? HTML: <div id="cloud"> ...
Создать треугольник с помощью CSS?
Как я могу создать следующую форму с помощью CSS? Я попытался это, чтобы быть решением: .triangle:after { position:absolute; content:""; width: 0; height: 0; margin-top:1px; margin-left:2px; border-left: 10px solid transparent; border-right: ...
Создание прозрачной стрелки над изображением в CSS3
Я пытаюсь создать эффект, где у меня есть прозрачная стрелка над любым изображением в CSS3. Смотрите следующее изображение. Есть идеи, как сделать этот эффект? Использование LESS, если это поможет.
Волнистая форма с CSS
Я пытаюсь воссоздать это изображение с помощью CSS: Мне бы не нужно было это повторять. Это то, что я начал, но у него есть прямая линия: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; }<div id="wave"></div>
Как создать CSS сердце? / Почему этот CSS создает форму сердца?
Я нашел следующий CSS в одном из ответов на SO, и мне было интересно, почему он создает желаемую форму сердца: #heart { position: relative; width: 100px; height: 90px; } #heart:before, #heart:after { position: absolute; content: ""; left: 50px; ...
радиус границы с треугольниками css
я имеюПрямоугольник где каждая сторона диагонали имеет свой собственный цвет