css3 — вопросы с ответами

5 ответов
В CSS Flexbox, почему нет свойств «justify-items» и «justify-self»?
Рассмотрим основную ось и поперечную ось гибкого контейнера: [IMG_OUR_ID=359.png]                                                                                                                       Источник: W3C Чтобы выровнять элементы flex вдоль основной оси, существует одно свойство: justify...
flexbox
language-lawyer
w3c
13 сен. 2015, в 14:44
34 ответа
Лучший способ установить расстояние между элементами flexbox
Чтобы установить минимальное расстояние между элементами flexbox, я использую margin: 0 5px в .item и margin: 0 -5px в контейнере. Для меня это похоже на хак, но я не могу найти лучшего способа сделать это. Пример #box { display: flex; width: 100px; margin: 0 -5px; } .item { background:...
flexbox
17 дек. 2013, в 04:37
14 ответов
Как применить CSS 3 фильтр размытия к фоновому изображению
У меня есть файл JPEG, который я использую в качестве фонового изображения для страницы поиска, и я использую CSS для его установки, потому что я работаю в Backbone.js: background-image: url("whatever.jpg"); Я хочу применить фильтр размытия CSS 3 только к фону, но я не уверен, как стилизовать тольк...
css-filters
blur
18 нояб. 2013, в 03:32
5 ответов
Отключить LESS-CSS Overwriting calc () [дубликаты]
Сейчас я пытаюсь сделать это в CSS3 в моем коде LESS: width: calc(100% - 200px); Однако, когда компиляция LESS выводит это: width: calc(-100%); Есть ли способ сообщить LESS не компилировать его таким образом и нормально выводить его?
less
css-calc
28 июль 2013, в 00:49
3 ответа
Создание радиального меню в CSS
Как создать меню, которое выглядит так... [IMG_OUR_ID=357.png] Ссылка на PSD Я не хочу использовать изображения PSD. Я бы предпочел использовать значки из какого-то пакета, например FontAwesome и создать фонов /css, сгенерированных в CSS. Версия меню, использующего PSD для создания образов всплыва...
tooltip
css-shapes
30 окт. 2012, в 04:32
3 ответа
Использование CSS для усиления эффекта при загрузке страницы
Можно ли использовать CSS-переходы, чтобы разрешить абзац текста при загрузке страницы? Мне очень нравится, как он выглядит на http://dotmailapp.com/ и хотел бы использовать аналогичный эффект с помощью CSS. Примечание. Домен с тех пор был приобретен и больше не упоминается. Архивированную копию м...
css-transitions
opacity
26 июль 2012, в 23:08
9 ответов
Как применить несколько преобразований в CSS?
Используя CSS, как я могу применить более одного transform? Пример: В дальнейшем применяется только перевод, а не вращение. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }
transform
26 май 2012, в 10:42
4 ответа
CSS-переход с кратким описанием свойств?
Я не могу найти правильный синтаксис для перехода CSS сокращенного с несколькими свойствами. Это ничего не делает: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition...
css-transitions
webkit
12 март 2012, в 15:00
4 ответа
В чем разница между «экраном» и «только экраном» в медиа-запросах?
В чем разница между "экраном" и "единственным экраном" в запросах мультимедиа? <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" /> Почему мы должны использовать ' Тол...
media-queries
18 дек. 2011, в 01:42
14 ответов
Медиа-запросы: как настроить таргетинг на десктоп, планшет и мобильный телефон?
Я занимался некоторыми исследованиями в отношении медиа-запросов, и я до сих пор не совсем понимаю, как настроить таргетинг на устройства определенных размеров. Я хочу иметь возможность настроить таргетинг на настольные, планшеты и мобильные устройства. Я знаю, что будут некоторые расхождения, но бы...
mobile
media-queries
tablet
16 июнь 2011, в 12:30
10 ответов
Как я могу добавить box-shadow на одну сторону элемента?
Мне нужно создать тень блока для некоторого элемента block, но только (например) с правой стороны. Я делаю это, чтобы обернуть внутренний элемент box-shadow во внешний с padding-right и overflow:hidden;, чтобы три другие стороны тени не были видны. Есть ли лучший способ добиться этого? Как box-shado...
shadow
box-shadow
25 фев. 2011, в 09:51
8 ответов
CSS3 Непрозрачность границ?
Есть ли прямой способ CSS, чтобы сделать границу элемента полупрозрачной с чем-то вроде: border-opacity:0.7; ? Если нет, есть ли у кого-нибудь представление, как я мог это сделать без использования изображений?
opacity
31 окт. 2010, в 06:25
12 ответов
CSS3 градиентный фон на теле не растягивается, а повторяется?
ok скажите, что содержание внутри <body> составляет 300 пикселей высотой. Если я установил фон моего <body>, используя -webkit-gradient или -moz-linear-gradient Затем я максимизирую свое окно (или просто сделаю его выше 300 пикселей), градиент будет ровно 300 пикселей высотой (высота сод...
gradient
19 май 2010, в 21:55
6 ответов
Как добавить несколько файлов шрифтов для одного и того же шрифта?
Я смотрю страницу MDC для правила CSS шрифта @font-face, но я ничего не понимаю. У меня есть отдельные файлы для жирный, курсив и полужирный + курсив. Как я могу вставлять все три файла в одно правило @font-face? Например, если у меня есть: @font-face { font-family: "DejaVu Sans"; src: url...
fonts
font-face
12 март 2010, в 23:26
18 ответов
Установить размер на фоновое изображение с помощью CSS?
Можно ли установить размер фонового изображения с помощью CSS? Я хочу сделать что-то вроде: background: url('bg.gif') top repeat-y; background-size: 490px; Но, кажется, совершенно неправильно делать это так...
27 авг. 2009, в 13:39
Наверх
Меню