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

У меня очень странная проблема... в каждом браузере и мобильной версии я столкнулся с таким поведением: во всех браузерах есть главное меню, когда вы загружаете страницу (например, отображаете адресную строку), которые сдвигаются, когда вы начинаете прокручивать страницу. 100vh рассчитываются толь...

Итак, я понимаю, как выполнять как CSS3-переходы, так и анимации. Что непонятно, и я googled, когда использовать. Например, если я хочу сделать отскок мяча, ясно, что анимация - это путь. Я мог бы предоставить ключевые кадры, и браузер будет делать промежуточные рамы, и у меня будет приятная анимаци...

У меня есть ситуация, когда в нормальных условиях CSS фиксированный div будет располагаться именно там, где он указан (top:0px, left:0px). Это, кажется, не соблюдается, если у меня есть родитель, у которого есть translate3d преобразование. Я что-то не вижу? Я пробовал другие webkit-трансформации, ...

Я действительно хочу сделать часть текста мигающим стилем старой школы, не используя javascript или текстовое оформление. Нет переходов, только * мигать *, * мигать *, * мигать *! EDIT: это отличается от этого вопроса, потому что я прошу мигать без непрерывных переходов, тогда как OP других вопрос...

У меня есть сайт со многими страницами и разными фоновыми изображениями, и я показываю их из CSS, например: body.page-8 { background: url("../img/pic.jpg") no-repeat scroll center top #000; background-size: cover; } Тем не менее, я хочу показать разные (полноэкранные) изображения на одной с...

Почему мы не имеем box-sizing: margin-box;? Обычно, когда мы помещаем box-sizing: border-box; в наши таблицы стилей, мы действительно имеем в виду первое. Пример: Скажем, у меня есть макет страницы с двумя столбцами. Оба столбца имеют ширину 50%, но выглядят уродливо, потому что нет ни одного водо...

в любом случае сделать работу по вращению на псевдо content:"\24B6"? Я пытаюсь повернуть символ юникода.

Я пытаюсь воспроизвести стиль кнопки в макете Photoshop, на котором есть две тени. Первая тень представляет собой внутреннюю более светлую коробчатую тень (2px), а вторая - тень за пределами самой кнопки (5px). [IMG_OUR_ID=465.png] В Photoshop это легко - Inner Shadow и Drop Shadow. В CSS я могу, п...

В styles.css, я использую медиа-запросы, оба из которых используют вариант: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } При изменении размера окна сайты изменяются в соотв...

Можно ли использовать анимацию перехода CSS3 при загрузке страницы без использования Javascript? Это то, что я хочу, но при загрузке страницы: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Что я нашел до сих пор задержка перехода CSS3, способ задержки эффектов на элементы. Работа...

У меня есть JavaScript webapp, где пользователь должен захватить фон, чтобы перемещать весь экран вокруг. Поэтому я хочу, чтобы курсор менялся, когда они зависают над фоном. Курсоры -moz-grab и -moz-grabbing CSS идеально подходят для этого. Конечно, они работают только в Firefox... есть ли эквивален...

У меня есть анимация с четырьмя частями CSS3, играющая при нажатии - но последняя часть анимации предназначена для снятия с экрана. Однако он всегда возвращается в исходное состояние после его воспроизведения. Кто-нибудь знает, как я могу остановить его на своем последнем кадре css (100%), или как ...

Кто-нибудь знает префикс поставщика для градиентов в IE9 или мы все еще должны использовать их собственные фильтры? Что у меня для других браузеров: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,...

Я просто наткнулся на этот вопрос, и я заметил, что пользователь использует некоторые обозначения, которых я никогда раньше не видел: @font-face { /* CSS HERE */ } Значит ли этот символ @ что-то новое в CSS3 или что-то старое, что я как-то упустил? Это что-то вроде того, где с идентификатором вы...

Я пытаюсь воспроизвести индикатор активности стиля Apple (значок загрузки солнечных дней) с помощью анимации PNG и CSS3. У меня есть изображение, вращающееся и выполняющее его непрерывно, но, похоже, задержка после завершения анимации до следующего вращения. @-webkit-keyframes rotate { from { ...