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

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

Преобразование изображения в оттенки серого в HTML/CSS

Есть ли простой способ отображения цветного растрового изображения в оттенках серого только с HTML/CSS? Не нужно быть совместимым с IE (и я думаю, что этого не будет) - если он работает в FF3 и/или Sf3, это достаточно хорошо для меня. Я знаю, что ...
04 мар. '09 в 4:51
6

В CSS Flexbox, почему нет свойств "justify-items" и "justify-self"?

Рассмотрим основную ось и поперечную ось гибкого контейнера:                                                                                                                       Источник: W3C Чтобы выровнять элементы flex вдоль основной оси, с...
13 сент. '15 в 15:30
28

Добавить всплывающую подсказку в div

У меня есть тег div вроде этого: <div> <label>Name</label> <input type="text"/> </div> Как я могу отобразить всплывающую подсказку на :hover div, желательно с эффектом постепенного появления/исчезновения.
19 авг. '11 в 4:49
9

Как применить несколько преобразований в CSS?

Используя CSS, как я могу применить более одного transform? Пример: В дальнейшем применяется только перевод, а не вращение. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }
26 мая '12 в 11:15
24

Вертикальное центрирование div внутри другого div

Я хочу центрировать div, который добавляется внутри другого div. <div id="outerDiv"> <div id="innerDiv"> </div> </div> Это CSS, который я использую в настоящее время. #outerDiv{ width: 500px; he...
27 июн. '11 в 8:22
21

Разверните div, чтобы заполнить оставшуюся ширину

Мне нужна двухблочная div-маска, где каждый может иметь переменную ширину, например. div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Я хочу, чтобы div 'view' ра...
11 авг. '09 в 12:46
16

Как установить цвета пули в списки UL/LI html через CSS без использования каких-либо изображений или тегов span

Представьте себе простой несортированный список с некоторыми элементами <li>. Теперь я определил, что пули имеют квадратную форму с помощью list-style:square; Однако, если я установил цвет элементов <li> с помощью color: #F00;, тогда все...
15 мар. '11 в 1:50
5

В чем разница между "экраном" и "единственным экраном" в мультимедийных запросах?

В чем разница между screen и only screen в медиа-запросах? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Поч...
18 дек. '11 в 2:56
15

Как применить CSS-фильтр к фоновому изображению

У меня есть файл JPEG, который я использую в качестве фонового изображения для страницы поиска, и я использую CSS для его установки, потому что я работаю в Backbone.js: background-image: url("whatever.jpg"); Я хочу применить фильтр размытия CSS 3 ...
18 нояб. '13 в 3:49
5

Сокращение перехода CSS с несколькими свойствами?

Я не могу найти правильный синтаксис для перехода CSS сокращенного с несколькими свойствами. Это ничего не делает: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transitio...
12 мар. '12 в 15:37
12

Размещение границы внутри div, а не по ее краю

У меня есть элемент <div>, и я хочу поместить на него границу. Я знаю, что могу написать style="border: 1px solid black", но это добавляет 2px по обе стороны от div, чего я не хочу. Я предпочел бы, чтобы эта граница была -1px от края div. Сам...
07 мар. '12 в 12:16
16

Медиа-запросы: как настроить таргетинг на настольные системы, планшеты и мобильные устройства?

Я занимался некоторыми исследованиями в отношении медиа-запросов, и я до сих пор не совсем понимаю, как настроить таргетинг на устройства определенных размеров. Я хочу иметь возможность настроить таргетинг на настольные, планшеты и мобильные устройс...
16 июн. '11 в 10:57
7

Как добавить несколько файлов шрифтов для одного и того же шрифта?

Я просматриваю страницу MDC для правила CSS @font-face, но ничего не понимаю. У меня есть отдельные файлы для полужирного, курсива и полужирного + курсива. Как я могу встроить все три файла в одно правило @font-face? Например, если у меня есть: @fon...
13 мар. '10 в 0:34
11

Как добавить тень на одну сторону элемента?

Мне нужно создать тень блока для некоторого элемента block, но только (например) с правой стороны. Я делаю это, чтобы обернуть внутренний элемент box-shadow во внешний с padding-right и overflow:hidden;, чтобы три другие стороны тени не были видны. ...
25 февр. '11 в 9:11
21

Как мне сохранить два соседних элемента одинаковой высоты?

У меня есть два divs бок о бок. Я бы хотел, чтобы их высота была одинаковой, и оставайся одинаковой, если один из них изменится. Я не могу понять этого. Идеи? Чтобы прояснить мой запутанный вопрос, я бы хотел, чтобы оба блока всегда были одного разм...
08 июн. '10 в 13:39