Вопросы с тегом 'css3'

Третье издание языка стилей Cascading Style Sheets (часто сокращается до CSS3) объединяет мощные визуальные возможности и универсальные методы управления проектами.
19

Можно ли применить CSS к половине символа?

Что я ищу: Способ стилизовать одну половину персонажа. (В этом случае половина буквы будет прозрачной) Что я сейчас искал и пробовал (Без удачи): Методы оформления половины символа/буквы Стилизация части персонажа с помощью CSS или JavaScript П...
09 мая '14 в 16:16
48

Как переместить высоту: 0; высота: авто; используя CSS?

Я пытаюсь сделать слайд <ul> с помощью переходов CSS. <ul> начинается с height: 0; , При зависании высота устанавливается на height:auto; , Однако это заставляет его просто появляться, а не переход, Если я делаю это с height: 40px; hei...
18 авг. '10 в 2:50
37

Как сделать div на 100% высоты окна браузера

У меня есть макет с двумя столбцами - левый div и правый div. Право div имеет серый background-color, и мне это нужно, чтобы развернуть вертикально, в зависимости от высоты окна браузера пользователя. Прямо сейчас background-color заканчивается на ...
15 окт. '09 в 21:18
19

Как работают треугольники CSS?

В , и я особенно озадачен треугольником: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } <div id="triangle-up"></div> Ка...
16 авг. '11 в 3:54
32

Переходы на дисплее: свойство

В настоящее время я разрабатываю "мега раскрывающееся" меню CSS - в основном обычное выпадающее меню только для CSS, но содержащее различные типы контента. На данный момент кажется, что переходы CSS3 не применяются к свойству display, то есть вы не...
25 июл. '10 в 22:52
8

Функция Sass Variable в функции CSS calc()

Я пытаюсь использовать функцию calc() в таблице стилей Sass, но у меня возникают некоторые проблемы. Здесь мой код: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Если я использую буквальный 50px ...
31 июл. '13 в 22:30
17

Как объединить фоновые изображения и градиент CSS3 с одним и тем же элементом?

Как использовать градиенты CSS3 для моего background-color, а затем применить background-image для применения какой-то легкой прозрачной текстуры?
23 мар. '10 в 22:30
21

Поддерживать соотношение сторон div с CSS

Я хочу создать div который может изменять его ширину/высоту при изменении ширины окна. Существуют ли какие-либо правила CSS3, которые позволили бы изменить высоту в соответствии с шириной при сохранении соотношения сторон? Я знаю, что могу сделать...
29 сент. '09 в 23:11
23

выравнивание по вертикали с помощью Bootstrap 3

Я использую Twitter Bootstrap 3, и у меня проблемы, когда я хочу выровнять по вертикали две div, например - ссылка JSFiddle: <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstra...
12 дек. '13 в 15:43
5

Что означает селектор CSS ~ (tilde/squiggle/twiddle)?

Поиск символа ~ непросто. Я просматривал некоторые CSS и нашел это .check:checked ~ .content { } Что это значит?
28 мая '12 в 9:10
15

Есть ли способ изменить формат ввода = "дата"?

Я работаю с элементами HTML5 на своей веб-странице. По умолчанию type="date" ввода type="date" показывает дату как YYYY-MM-DD. Вопрос в том, можно ли изменить его формат на что-то вроде: DD-MM-YYYY?
10 сент. '11 в 13:33
38

Лучший способ установить расстояние между элементами flexbox

Чтобы установить минимальное расстояние между элементами flexbox, я использую margin: 0 5px в .item и margin: 0 -5px в контейнере. Для меня это похоже на хак, но я не могу найти лучшего способа сделать это. Пример #box { display: flex; wi...
17 дек. '13 в 5:35
5

Может ли псевдокласс класса not() иметь несколько аргументов?

Я пытаюсь выбрать input элементы всех type кроме radio и checkbox. Многие люди показали, что вы можете поместить несколько аргументов в :not, но использование type, похоже, не работает, я попробую. form input:not([type="radio"], [type="checkbox"]...
16 апр. '11 в 2:43
13

Как правильно выровнять элемент flex?

Есть ли более flexbox -ий способ выравнивания по правому краю "Контакт", чем использовать position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position:...
15 мар. '14 в 19:56
11

Flexbox: центр по горизонтали и по вертикали

Как центрировать div горизонтально и вертикально внутри контейнера с помощью flexbox. В приведенном ниже примере я хочу, чтобы каждое число находилось ниже друг друга (в строках), которые расположены по горизонтали. .flex-container { padding: ...
26 сент. '13 в 11:22