Результаты поиска по запросу "css-shapes"
Проверь это. Я создал это с: после псевдоэлемента. Это может быть полезно, если фон имеет сплошной цвет.
ел бы изогнуть нижнюю сторону этого прямоугольника div / background с помощью CSS, так что результат будет примерно таким: [/imgs/gcue8.jpg]Может быть, у кого-то есть идея, как этого достичь? .curved { margin: 0 auto; width: 800px; height: ...
Для круга создайте элемент div и введите width = 2 раза радиуса границы = 2 раза отступа. Также line-height = 0 Например, если радиус круга равен 50px, приведенный ниже код работает хорошо:
нтересно, есть ли более простой способ создания круговых элементов, чем то, что я делаю сейчас. В настоящее время я просто делаю изображения для каждого размера, но это раздражает. Есть ли в любом случае использование CSS для создания div, ...
Требуется без дополнительной работы. Спасибо Джон Ноэль Бруно
ел бы окружить число в круг, как на этом изображении: Возможно ли это и как это достигается?
CSS треугольник: перед элементом
Я использую начальную загрузку, пытаясь сделать div с треугольником CSS перед ним. http://jsfiddle.net/B2XvZ/11/ [http://jsfiddle.net/B2XvZ/11/] Вот мой нерабочий код: .d:before { width: 0px; height: 0px; border-style: solid; border-width: ...
Может быть, с некоторым радиальным градиентом:
могу сделать радиус границы внутрь? .circle { width:100px; height:100px; background-color:solid red; border-radius:-50px 50px -50px [enter image description here][1]50px; }Я знаю, что -50px не приемлемо, но я просто привожу теоретический ...
Надеюсь это поможет.
я есть два деления, оба с непрозрачностью 0,6. Мне нужно, чтобы они перекрывались, но сохраняли непрозрачность, а не создавали новый комбинированный уровень непрозрачности. Я не могу использовать изображение. РЕДАКТИРОВАТЬ - Предполагается, что ...
Отлично, я буду здесь. Спасибо
я естьиграть на скрипке [https://jsfiddle.net/8wzgsobz/6/embedded/result]который работает так, что когда я беру его в мобильном представлении, квадратные прямоугольники прокручиваются горизонтально. Коды CSS, которые я использовал для ...
Форма шестиугольника с бордюром / контуром
Я знаю, что возможно создать форму шестиугольника, используя следующий код: .hex:before { content: " "; width: 0; height: 0; border-bottom: 30px solid #6C6; border-left: 52px solid transparent; border-right: 52px solid transparent; position: ...
Я бы сделал это так:
аюсь воспроизвести графический дизайн с использованием CSS, но мне не удалось адаптивно, я могу получить статическую форму, но с крошечными дефектами (из-за объединения двух элементов). Это графический дизайн: [/imgs/GiqNE.jpg] Я предпочитаю ...
Масштабировать и переводить
я есть набор кодов из куба, созданного с использованием CSS. Тем не менее, как я могу изменить размер этого в больший куб (например, 200 пикселей)? Я пытался, но каждый раз, когда я пытаюсь это сделать, он выходит из положения .. .mainDiv { ...