Свързани въпроси 'css-transitions'

CSS3 преместете и след това анимирайте
Опитвам се да анимирам страниците си с помощта на css3 преходи. Трябва да мога да преместя елемент и след това да анимирам с помощта на css3. Например преместете скрит div извън екрана и след това го анимирайте обратно на екрана. Звучи странно,...
3093 изгледи
schedule 21.09.2022

CSS3 анимация Плъзнете div форма отдясно наляво При щракване върху бутон
Опитвам се да плъзна div отдясно наляво при щракване. И го затворете, плъзнете го отново надясно при щракване върху бутона за затваряне Използвайки CSS3 преход и анимация. Ето връзката към fiddle: Щракнете тук Примерен CSS: .selected {...
16007 изгледи

vue различни имена на преходи за един и същи компонент
Възможно ли е да се приложат 2 имена на преходи за 1 елемент? Имам 3 li елемента и искам всички те да имат еднакъв отпуск, но само горният да има определен вход. Например, искам всички да имат mizi-leave, но само горната да има pizi-enter. Заседнал...
168 изгледи

css3 Transition transform нека празно пространство между елементите
Имам анимация bewteen 2 div. В идеалния случай искам да се „бутат“ един друг, така че да се ЧУВСТВА, че е 3d кутия, въртяща се на Z. имам това body { overflow:hidden } div { position:absolute; display:inline-block;...
179 изгледи
schedule 21.09.2022

CSS анимацията трепти при transform: translate3d заедно с ширината
Имам компонент, базиран на раздели, в който активният раздел има подчертаване, което анимира между разделите. Подчертаното е отделен div, чиято ширина и позиция ще се изчисляват динамично. Вместо абсолютна позиция използвам translate3d....
631 изгледи

Нестабилен преход на ширината на CSS3 в WebKit
Работя върху анимация с помощта на packery . Плочките са подравнени в решетка и щракването върху една трябва да я увеличи и динамично да пренареди плочките съответно. Преоразмеряването се анимира с помощта на CSS3 преходи. Всичко това работи...
206 изгледи

CSS преходи: Странно нежелано забавяне в браузърите Webkit (Chrome и Safari)
Надявах се някой да може да ми помогне да обясня странното поведение, което изпитвам в браузърите Webkit с нежелани забавяния в CSS преходите. Ето връзка към страницата, върху която работя: http://demo.daised.com/help-me Желаният резултат е...
11358 изгледи

CSS преход при премахване на клас
Имам формуляр, който функционира като страница с настройки. Когато елементите на формуляра се променят, те се маркират като unsaved и имат различен цвят на рамката. Когато формулярът е запазен, те се маркират като запазени, като имат друг цвят на...
120397 изгледи
schedule 27.10.2022

преходът на webkit не изглежда да работи в някои правила за сянка на кутия
Искам разширяемо дърво в клетка на таблица. Накарах това да работи. Докато си играех с него, се опитах да добавя сянка на преходна кутия. Това работи само на коренно ниво. (JsFiddle) . Проблемът може да е свързан с преходите, които не работят...
1196 изгледи
schedule 30.11.2022

jQuery избледняващ блясък специален текстов ефект
Бих искал да накарам черния текст на съобщението за грешка да "свети" с червен контур, който избледнява след секунда, но ако се актуализира, да се върне към "пълен блясък" и да започне да избледнява отново, дори и да не е изчезнал напълно на първо...
7869 изгледи

stackoverflow.com/questions/5934873/
728 изгледи
schedule 21.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...
372 изгледи
schedule 07.12.2022

Кен Бърнс с CSS 3 - Колко трудно може да бъде
Работейки с CSS3, не виждам причина защо базиран на CSS ефект Кен Бърнс да не работи. Първият ми опит включваше използването на Jquery за добавяне на нов клас към фоново изображение. .flare1 { background-position:-50.1px -50.1px !important;...
7958 изгледи
schedule 17.11.2023

грешка в chrome с медийни заявки
Имам странен проблем с медийните заявки в chrome Добавих преход към някои елементи в моята страница и създадох например 3 състояния на медийни заявки когато преоразмерявам браузъра и променям състоянието на медийната заявка, моите елементи...
706 изгледи

Избледняването на едно изображение, докато другото използва CSS преходи при непрозрачност, не е гладко?
Поставих две изображения едно върху друго (едното черно-бяло, а другото цветно) и създадох CSS преход, при който непрозрачността на едно изображение намалява, докато другото се увеличава. Резултатът е цветен ефект при задържане . Все пак имам...
1198 изгледи
schedule 04.11.2022

Използвайте CSS преходи, за да избледнеете в 2 елемента, докато задържате курсора на мишката върху трети
Страхувам се, че ще удавя всички в кода, ако се опитам да включа всеки уместен детайл, така че в името на простотата направих това, за да можете да разберете какво се опитвам да направя: редактирано: http://jsfiddle.net/LcsJL/6/ и...
1419 изгледи
schedule 12.12.2022

CSS: Анимация срещу преход
И така, разбирам как да извършвам както CSS3 преходи , така и анимации . Това, което не е ясно и съм търсил в Google, е кога да използвам кое. Например, ако искам да накарам топка да отскочи, ясно е, че анимацията е правилният начин. Бих могъл...
50031 изгледи
schedule 05.12.2022

мигащи изображения при задържане с CSS преход и непрозрачност
някой знае ли защо в браузърите webkit (chrome, opera) изображенията при задържане мигат? Този случай е само във втора колона. Има пример http://codepen.io/anon/pen/fxJAk Как мога да го поправя? Грешка ли е само в браузърите webkit? Работи...
3515 изгледи
schedule 31.10.2022

CSS Transition – улеснява влизането, но не излиза?
Имам малък проблем с моите изображения, както е показано тук ( http://jsfiddle.net/garethweaver/Y4Buy/1/ ). .img-blur:hover { -webkit-filter: blur(4px); transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;...
20724 изгледи
schedule 28.10.2023