css-shapes
как создать такую форму для отображения на веб-странице? Я не хочу использовать изображения так как они будут размыты при масштабировании Я пробовал с CSS: .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-...
это CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } как он производит круг ниже? предположим, если ширина прямоугольника составляет 180 пикселей, а высота-180 пикселей, то он будет выглядеть так: после применения границы радиуса 30 пикселей это будет в...
этот вопрос уже есть ответ здесь: как нарисовать круг в html-странице? 16 ответов можно ли нарисовать круг, используя только css, который может работать на большинстве браузеров (например,Mozilla,Safari) ?...
попытка использовать пользовательский шестнадцатеричный цвет для моего треугольника css (границы). Однако, поскольку он использует свойства границы, я не уверен, как это сделать. Я хотел бы держаться подальше от javascript и css3 просто из-за совместимости. Я пытаюсь, чтобы треугольник имел белый фон с границ...
Как нарисовать круг с помощью HTML5 и CSS3? можно ли также поместить текст внутрь?...
Я только что наткнулся на аккуратный 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.jqueryfordesigne...
есть ли способ сделать прозрачный текст, вырезанный из фона эффект, как на следующем изображении, с CSS? Было бы грустно потерять все драгоценные SEO из-за изображений, заменяющих текст. Я сначала подумал о тенях, но я ничего не могу понять... изображение является фоном сайта, абсолютная позиция <img...
Я пытаюсь создать анимацию загрузки Apple OS X circle. что я пробовал до сих пор: .animation-wrapper { width: 200px; height: 200px; border: 1px solid black; border-radius: 50%; position: relative; overflow: hidden; filter: brightness(0.8); -webkit-filter: brightness(0.8); } ...
если я использую пиксель или em значение для граничного радиуса радиус ребра всегда равен дуги или формы таблетки даже если значение больше, чем самая большая сторона элемента. когда я использую проценты, радиус ребра эллиптический и начинается в середине каждой стороны элемента, что приводит к овальная ил...
Я пытаюсь получить стереть анимацию, чтобы сделать круг похожим он наполняется водой. Я столкнулся с двумя ошибками, и даже не смог справиться с третьей: он заполняет неправильный путь он сбрасывается на пустой (черный) после того, как он заполнил* сейчас я использую <img> теги, но я хотел бы перенес...