Результаты поиска по запросу "css-shapes"
CSS овальная форма, вырезанная из div
Изображение выше - то, что я пытаюсь создать, но у меня есть некоторые трудности с овальной формой. Объяснение: Панель меню представляет собой div с небольшим линейным градиентом (от темно-серого до прозрачного светло-серого)Изображение ...
Решение с одним делением, использующее псевдоэлементы:
ужно сформироватьОДИН div тег в следующей форме: [/imgs/Q8evX.jpg] Можно ли сделать это кросс браузером? Мне не обязательно нужны закругленные углы. Мне это нужно, чтобы я мог изменить цвет границ целогоdiv при наведении, поэтому я ...
, Это означает, что он может меняться по ширине или высоте. Почему всегда должна быть ширина> высота?
аюсь создать плавный круг, используя HTML и CSS. Я почти закончил, но, как это должно быть, плавно, а содержимое внутри динамично, оно меняет свою форму с круга на овал и другие. body { position: relative; } .notify { position: absolute; top: ...
https://jsfiddle.net/resistdesign/szrv5o19/
ужно создать DIV гдеwidth=height, а такжеheight=100% области просмотра (которая, очевидно, является переменной). Другими словами, идеально квадратный DIV, который рассчитывает его размерыв зависимости от высоты области просмотра, Элементы в этом ...
Перекошенные границы на Div
Я пытаюсь исказить div, похожий на это:Наклоните верхнюю часть div, используя CSS без перекоса текста [https://stackoverflow.com/questions/13591584/slant-the-top-of-a-div-using-css-without-skewing-text] или ...
https://www.sassmeister.com/
ы рисуете круг, используя HTML5 и CSS3? Возможно ли поместить текст внутрь?
Выше ссылка не работает больше.
от вопрос уже есть ответ здесь: Как нарисовать круг на HTML-странице? [/questions/6921792/how-to-draw-circle-in-html-page] 16 ответовМожно ли нарисовать круг, используя только CSS, который может работать в большинстве браузеров (IE, Mozilla, ...
Неровное ребро вокруг CSS-круга с переполнением: скрыто;
ЗдесьJSFIDDLE [http://jsfiddle.net/Josh_Powell/DJQ68/37/]моего кота / анимация без всяких drop-shadows чтобы показать проблему как можно яснее. Насколько я понимаю, это вызваноborder-radius и, возможно, из-заoverflow: hidden;. Сова не о чем этот ...
приведенный выше код может быть использован для стрелки вправо.
делать коробку со стрелкой в CSS? Сделать за углом легко. но любая идея сделать стрелку на левой стороне без использования изображения. Можно ли сделать это возможным с только один элемент<p>....</p> body { background: #ff004e; padding: ...
Поиграй с этим и посмотри что получится. Установите высоту и ширину на ноль. Затем удалите верхнюю границу и сделайте левый и правый прозрачным, или просто посмотрите на код ниже, чтобы сделать треугольник CSS:
много различных форм CSS вCSS Tricks - формы CSS [http://css-tricks.com/examples/ShapesOfCSS/]и я особенно озадачен треугольником #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; ...