Результаты поиска по запросу "css3"
Несколько фонов на теле
Не уверен, что это возможно, но могу ли я поместить одно прозрачное изображение поверх стандартного фонового изображения на сайте. body { font-family: Arial, Helvetica, sans-serif; text-align: center; background: #133e6f url({{ site_img_dir ...
Используйте CSS градиент над фоновым изображением
Я пытался использовать линейный градиент поверх моего фонового изображения, чтобы получить эффект затухания нижней части моего фона от черного до прозрачного, но, похоже, я не смог его показать. Я читал другие случаи здесь и примеры, но ни один ...
CSS3 переход только при добавлении класса, а не при удалении
У меня есть следующий пример CSS: .message{ background-color: red; transition: background-color 5s; -webkit-transition: background-color 5s; /* Safari */ transition-delay: 2s; -webkit-transition-delay: 2s; /* Safari */ } .unreadMessage{ ...
последовательно анимировать элементы в чистом css3 on loop
Я пытаюсь анимировать элементы последовательно в полной анимации CSS3. Кажется, очень простой ответ использует задержку анимации. Однако я хотел, чтобы это было в цикле, есть идеи, как сделать цикл анимации бесконечным? я нашел этоиграть на ...
Заставь детей делить рост самого высокого ребенка
У меня двое детей<div> элементы внутри родительского контейнера<div> как показано: <div class="row"> <div class="item"> <p>Sup?</p> </div> <div class="item"> <p>Sup?</p> <p>Wish that other guy was the same height as me</p> </div> ...
«Вспышка» цвета с использованием чистых CSS-переходов
Я пытаюсь дать пользователям «вспышку» цвета, когда происходит событие щелчка. Я могу заставить цвет отображаться приятным способом, используя переход, однако я хочу, чтобы цвет исчезал после 0,5 с, не удаляя «активный» класс. Одно из требований ...
Помещение фонового изображения в треугольник CSS
Я пытаюсь поместить фоновое изображение в div, использующий границы CSS для создания треугольника. Это мои текущие усилия до сих пор. Он отлично работает со сплошными цветами, но я в недоумении, когда дело доходит до изображений HTML <div ...
Как я могу предотвратить анимацию адаптивного навигационного меню (на основе перехода CSS3), когда разные медиа-запросы вступают в силу?
ПредисловиеЯ пытаюсь создать адаптивный веб-сайт с меню навигации, которое удовлетворяет следующим двум требованиям: Навигация полностью видна в обычном окне браузера, расположенном горизонтально.Навигация становится переключаемым вертикальным ...
css3: два перехода с разными функциями синхронизации (css3)
Я хочу использовать преобразование для обоихscale а такжеtranslateX, но каждый с другой функцией синхронизации. В настоящее время он работает с абсолютным позиционированием вместоtranslateX, следующее: transition: transform 500ms ...
Как добавить ограниченный треугольник над тегом div
У меня есть тег div, __________ | | | | | | |__________|Я хочу добавить маленький треугольник над ним. _______/\_ | | | | | | |__________|Примечание: я хочу, чтобы мой тег div имел границу определенного цвета, а тело div другого. Скажем, мой ...