Вопросы по теме 'css-transitions'
Кен Бернс с CSS 3 - Как это может быть сложно
Работа с CSS3 Я не вижу причин, по которым эффект Кена Бернса, основанный на CSS, не будет работать. Моя первая попытка заключалась в использовании Jquery для добавления нового класса к фоновому изображению.
.flare1 {...
7958 просмотров
schedule
17.11.2023
Есть ли правильный способ динамически обновлять части преобразований и переходов программно? например преобразование-происхождение или продолжительность
Я создаю сенсорное приложение для iOS Safari и считаю, что переходы и преобразования CSS отлично работают.
Но у меня есть две вещи, которых я не могу достичь, используя только JavaScript и CSS.
Обычно я хочу, чтобы элемент переводился с...
544 просмотров
schedule
30.04.2024
Переход CSS при удалении класса
У меня есть форма, которая работает как страница настроек. При изменении элементов формы они помечаются как unsaved и имеют другой цвет границы. Когда форма сохраняется, они помечаются как сохраненные с другим цветом границы.
Я хочу, чтобы при...
120397 просмотров
schedule
27.10.2022
CSS3 перемещать, а затем анимировать
Я пытаюсь анимировать свои страницы с помощью переходов css3. Мне нужно иметь возможность перемещать элемент, а затем анимировать с помощью css3. Например, переместите скрытый div с экрана, а затем анимируйте его обратно на экран. Звучит странно, я...
3093 просмотров
schedule
21.09.2022
переход webkit, похоже, не работает в некоторых правилах box-shadow
Я хочу расширяемое дерево в ячейке таблицы. Я заставил это работать. Играя с ним, я попытался добавить тень коробки с переходом. Это работает только на корневом уровне. (JsFiddle) .
Проблема может быть связана с неработающими переходами на...
1196 просмотров
schedule
30.11.2022
Специальный текстовый эффект затухания свечения jQuery
Я хотел бы, чтобы черный текст сообщения об ошибке «светился» с красным контуром, который исчезал через секунду, но при обновлении возвращался к «полному свечению» и снова начинал исчезать, даже если он не исчез полностью в первую очередь. Есть ли...
7869 просмотров
schedule
23.10.2023
Как избежать бесконечного цикла с переходом CSS3 и вертикальной полосой прокрутки в Webkit?
Предыстория:
Я пытаюсь плавно переходить между различными презентациями моего веб-сайта, используя медиа-запросы и переходы CSS3. Пока что все кажется крутым, однако я столкнулся с проблемой при переходе между презентацией, которая содержит...
941 просмотров
schedule
21.04.2024
Переход CSS3 для выделения новых элементов, созданных в JQuery
Я хочу использовать цветовой переход CSS3, чтобы применить цветовой эффект затухания подсветки (от желтого к прозрачному) к новым элементам, добавленным к разметке с помощью JQuery.
CSS
#content div {
background-color:transparent;...
17411 просмотров
schedule
17.02.2024
Преобразование CSS3, влияющее на другие элементы с помощью chrome/safari
У меня проблема, когда мои преобразования css3 влияют на другие элементы на странице и даже вызывают их мерцание. Я видел другой пост об этом, но у них не было решения проблемы.
http://scosha.mybigcommerce.com/w107b/ при прокрутке навигации вы...
13405 просмотров
schedule
29.02.2024
CSS запускает javascript после перехода/анимации
Я не хочу запускать анимацию CSS из JS, а наоборот.
Если я делаю анимацию CSS с помощью таблицы стилей типа -webkit-transition или transition: all 1000ms , есть ли способ вызвать функцию JS после выполнения перехода?
В основном я делаю...
4147 просмотров
schedule
04.12.2022
Переход / преобразование CSS3 (эффект переворота карты) не удалось в Chrome 26
Я пытался реализовать эффект переворачивания карты с помощью css3, взяв за основу веб-сайт Flesky: http://fleksy.com/ Глядя на раздел «Flesky появился в прессе», эффект перелистывания работает как чудо в моем офисе Chrome (версия 26.0.1410.64 m,...
372 просмотров
schedule
07.12.2022
CSS3 Transition Easy в тени коробки и обратно
Я пытаюсь заставить div id легко входить и выходить из тени с помощью CSS3.
Текущий CSS у меня есть:
#how-to-content-wrap-first:hover {
-moz-box-shadow: 0px 0px 5px #1e1e1e;
-webkit-box-shadow: 0px 0px 5px #1e1e1e;
box-shadow: 0px...
81419 просмотров
schedule
29.01.2024
Safari: фиксированный фон + переход
Пример сайта
У меня есть сайт, разделенный на ваши обычные вертикальные разделы. Верхний и нижний колонтитулы содержат фоны с background-attachment: fixed. У меня есть выдвижная навигация, которая, как вы видите, активирована по первой ссылке....
728 просмотров
schedule
21.02.2024
ошибка в хроме с медиа-запросами
У меня странная проблема с медиазапросами в хроме
Я добавил transition к некоторым элементам на моей странице и создал, например, 3 состояния медиа-запросов.
когда я изменяю размер браузера и изменяю состояние медиа-запроса, мои элементы...
706 просмотров
schedule
25.11.2022
Затухание одного изображения при использовании переходов CSS при непрозрачности другого изображения не является гладким?
Я поместил два изображения одно поверх другого (одно черно-белое, а другое цветное) и создал переход CSS, в котором непрозрачность одного изображения уменьшается, а другого увеличивается. Результатом является цвет при наведении курсора .
Однако у...
1198 просмотров
schedule
04.11.2022
Шаткий переход ширины CSS3 в WebKit
Я работаю над анимацией, используя packery . Плитки выровнены по сетке, и щелчок по одной из них должен увеличить ее и соответствующим образом динамически переставить плитки. Изменение размера анимировано с помощью переходов CSS3. Все это...
206 просмотров
schedule
11.10.2022
Используйте переходы CSS, чтобы затухать 2 элемента при наведении курсора на третий
Боюсь, я бы утопил всех в коде, если бы попытался включить все важные детали, поэтому для простоты я сделал это, чтобы вы могли понять, что я пытаюсь сделать:
отредактировано:
http://jsfiddle.net/LcsJL/6/
и фактический код, который я...
1419 просмотров
schedule
12.12.2022
CSS: анимация против перехода
Итак, я понимаю, как выполнять как переходы CSS3, так и анимации . Что неясно, и я искал в Google, так это когда и что использовать.
Например, если я хочу отскочить от мяча, ясно, что анимация - это лучший способ. Я мог бы предоставить...
50031 просмотров
schedule
05.12.2022
Анимация CSS с режимом заполнения, включая переход, не работает в Firefox должным образом
Это прекрасно работает в Chrome, но не в Firefox (вот онлайн-демонстрация ) :
HTML
<div class="box"></div>
CSS
.box {
background-color:blue;
width:100px;
height:100px;
margin: 0 auto;
transform:...
1596 просмотров
schedule
29.01.2024
Переходы CSS: странная нежелательная задержка в браузерах Webkit (Chrome и Safari)
Я надеялся, что кто-нибудь сможет помочь объяснить странное поведение, которое я испытываю в браузерах Webkit с нежелательными задержками в переходах CSS.
Вот ссылка на страницу, над которой я работаю: http://demo.daised.com/help-me
Желаемый...
11358 просмотров
schedule
06.10.2022