С помощью свойства CSS border-radius у меня может быть изогнутый закругленный угол границы в конце. .boxLeft{ border-right: 1px dashed #333; border-bottom: 1px dashed #333; border-radius: 0 0 10px 0; } .boxRight{ border-left:...

Нужно нарисовать угловые стороны строки меню как внутренним содержимым могут быть ярлыки или ссылки.

Я пытаюсь создать довольно простой макет с div и css-формами почти как. Моя скрипка Итак, я пытаюсь заставить элементы div, которые выглядят как стрелки, выровняться с некоторыми элементами div по обе стороны от текста. Это относительно...

У меня есть треугольник с функцией javascript, которая перемещает это изображение. Проблема в том, что элемент имеет квадратную форму, поэтому состояние клика и наведения запускается вне треугольника (см. красную часть на следующем изображении):...

Я не знаю, возможно ли это с помощью CSS, но стоит спросить. Я хочу, чтобы трапециевидная форма была прозрачной посередине (полой) с форматированным текстом внутри нее (и небольшим изображением). Он также должен быть отзывчивым. Вот макет того,...

Я пытаюсь создать следующий контейнер в CSS3. Я пробовал с transform: skewY , но у меня нет желаемого результата. Я знаю, что могу добиться этого с помощью 3D-преобразований, но я имею в виду наш прекрасный Internet Explorer. Также я пытался...

Я нашел это решение: Эффект контура текста Это здорово, но так ли это? можно ли сделать текст прозрачным и рисовать только контур? Это происходит, например, с box-shadow, так как даже если у блока нет фона, вы не увидите тень «под» блоком. Но с...

Я пытаюсь создать снежинку на своей веб-странице для зимнего сезона. Первое, что я попробовал, это создать его с помощью SVG: <h3>Koch Snowflake Frac</h3> <svg viewBox="-5 -5 110 110"...

Я хочу сделать div с треугольником внизу . Но мне нужно, чтобы появилось фоновое изображение на треугольнике , я пытался использовать псевдоэлемент ( :after ), но он не работает. #homebg:after{ content:''; position: absolute; top:...

Я сделал некоторую веб-страницу с фигурами css, где текст выравнивается по прозрачному изображению, и в браузере все в порядке, но когда я визуализирую его с помощью PhantomJS, все испортилось. Поддерживает ли PhantomJS формы css?

Я хотел бы использовать HTML + CSS для рисования сектора дуги с фиксированным основанием и длиной (например, радиусом 30 пикселей и длиной 70%). До сих пор я обнаружил, что большинство решений заключается в объединении двух изображений с...

как сделать кнопку с тупым углом? Я хотел бы, чтобы это произошло я попал сюда так Мой код - Fiddle *{ box-sizing: border-box; } .btn{ display: inline-block; padding: 16px 30px; color: #fff; border: 1px...

Кто-нибудь может помочь мне с лучшим решением, чтобы сделать кнопку в чистом css, а также шрифт и стиль шрифта?

tl;dr: Я хотел бы создать настоящую трехмерную сферу с помощью CSS, а не просто иллюзию Примечание: некоторые примеры сниппетов не адаптируются. Пожалуйста, используйте полноэкранный режим. С помощью чистого CSS вы можете создавать и...

Привет, мне нужно создать строку, подобную этой картинке но я не знаю, как закончить закругленную линию-край .line{ position: absolute; width: 55px; height: 10px; border: solid 12.5px #fff; border-color: white transparent...