Публикации по теме 'transitions'
HeadlessUI: всплывающее окно
Часть 5: Переход
Чтобы анимировать открытие/закрытие всплывающей панели, нам нужно добавить компонент «Переход».
Во-первых, мы импортируем Transiton из безголового пользовательского интерфейса.
import { Popover, Transition } from '@headlessui/react'
Затем мы используем ‹Transiton›, чтобы обернуть ‹Popover.Panel›. Например, мы увеличиваем длительность при вводе, скажем, 1000 мс, увеличиваем масштаб в начале, который равен 125.
<Transition
enter="transition duration-1000..
Использование ResizeObserver и переходов для анимации контейнера с динамическим содержимым
Общая проблема с чистой анимацией CSS заключается в анимировании высоты (или ширины) элементов, размеры которых неизвестны. Есть много «хакерских» способов, которые делают это хуже или лучше, например, установка max-height на 99⁶⁴ пикселей или требует установки начальной высоты на 0 и т. д., но они не решают проблему.
Представьте, что у вас есть требование реализовать некоторый динамический контент, загружаемый, например, из API и отображаемый в контейнере, высота которого должна..
Как осуществить успешный переход на Google Analytics той же компании.
В фильме ' Moneyball' (основанный на реальных событиях) где Брэд Питт играет Билли Бина, генерального директора Окленда А. Столкнувшись с ограниченным бюджетом, он идет на торговые переговоры с Cleveland Indians, и он обнаруживает, что их босс внимательно прислушивается к предложению странного парня, который даже не успел сесть. Билли выходит, ищет парня и спрашивает, что только что произошло и как вся комната его слушала? Следующий 5-минутный разговор с парнем, который поделился своим..
Как потеря работы помогла мне найти дорогу обратно
Мой переход от менеджера по связям с общественностью к инженеру-программисту в Artsy
Быть гибким и приспосабливаемым никогда не было так важно для выживания - и особенно для процветания - в хаосе 2020 года.
Последний год я провел в повороте в карьере: из менеджера по связям с общественностью я превратился в программиста начального уровня. Путешествие было чередой испытаний, неудач, усталости и успехов. Еще до того, как мы услышали слово «коронавирус» и рукопожатие с незнакомцами..
Неврология к ИИ: боковой переход
Как мы слышим? Звуковая волна контактирует с ушной раковиной, самой внешней частью уха. Затем он спускается по спирали вниз по ушному каналу и вызывает вибрацию барабанной перепонки, заставляя косточки, три самые маленькие кости в вашем теле, упираться в овальное окно. Это приводит к химическим реакциям, происходящим в улитке, которая генерирует электрический сигнал к преддверно-улитковому нерву, который затем передает сигнал в соматосенсорную кору.
Хотя приведенный выше путь..
«Все дороги ведут в CS» или Как я перешел на программирование
«Все дороги ведут в CS» или Как я перешел на программирование
В последний день работы я помню чувство страха. «Правильно ли я делаю выбор?» За две недели до этого я сказал своему боссу, что ухожу с работы, чтобы сменить профессию. Я работал в производственной компании, которая специализируется на производстве продуктов для стоматологов. Это была хорошая компания, и я проработал там три с половиной года инженером-технологом. Мне нравились мои коллеги, и в компании было довольно..
Вопросы по теме 'transitions'
Замедлите мой javascript! Как разрешить моему коду ждать завершения перехода перед выполнением?
Странный вопрос, я думаю, но у меня есть этот фрагмент кода на моей странице...
$(".map-overlay-left").click(function () {
$("#map-holder").hide('slow');
var gmarkers = [];
var side_bar_html = "";...
921 просмотров
schedule
29.10.2023
Проблема IE с циклом jQuery: небольшое смещение изображений при переходе
Мою проблему легче увидеть, чем объяснить:
Вы можете видеть, что во время перехода есть небольшое движение изображений, что выглядит плохо. В Firefox этого не происходит.
Вот HTML-код (есть php для CakePHP, который пишет с указанными...
636 просмотров
schedule
12.05.2022
Анимация между визуальными состояниями без взрыва определенных переходов
У меня есть довольно простой сценарий, который я пытаюсь реализовать в Silverlight, но, несмотря на всю невероятно мощную функциональность переходов в Silverlight / Blend 4, я просто не могу понять, как это сделать.
У меня есть макет, который...
1499 просмотров
schedule
10.10.2022
Safari -webkit-transition-property: анимация масштаба и/или размера фона
Я хотел бы анимировать пару div с фоновыми изображениями. Я хочу, чтобы они перемещались на странице и становились больше.
Я делаю это с помощью jQuery, добавляя класс, который, в свою очередь, запускает CSS3-преобразования Webit.
Я начал с...
5975 просмотров
schedule
09.07.2023
Анимация фрагментов и заднего стека
У меня проблемы с использованием или с пониманием того, как извлечение FragmentTransactions из заднего стека обрабатывает настраиваемые анимации. В частности, я ожидаю, что он вызовет анимацию «выхода», но, похоже, это не так.
У меня есть простой...
26914 просмотров
schedule
02.05.2022
Что лучше, некоторые сетки свернуты или некоторые пользовательские элементы управления?
Я разрабатываю приложение для Windows Phone 7, которое использует некоторый переходный контент.
Чтобы не возвращаться к этому временному контенту, я решил использовать страницу с несколькими сетками на одной странице.
Когда мне нужно показать...
132 просмотров
schedule
02.06.2022
Переход WP7 между Canvas в сетке
У меня есть два холста в сетке, полные «изображения» сцены, которые я хочу перевести, мне интересно, как я буду переходить между этими двумя элементами управления Canvas.
Программно я добавляю первый холст в сетку, затем добавляю в сетку второй...
690 просмотров
schedule
30.03.2023
Android — вернуться на главный экран
Я создал кнопку типа «возврат домой» в Android, используя код:
Intent i=new Intent(this, Home.class);
i.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
startActivity(i);
Однако, когда Android переходит к действию Home, оно перемещается справа...
2111 просмотров
schedule
08.06.2023
UIImageView, анимация анимационных изображений с легкостьюIn easyInOuttransition
У меня есть код:
NSArray * imageArray = [[NSArray alloc] initWithObjects:
[UIImage imageNamed:@"1.png"],
[UIImage imageNamed:@"2.png"],
[UIImage...
3758 просмотров
schedule
12.05.2023
Несбалансированные вызовы для начала/завершения переходов внешнего вида для UITabBarController
У меня есть UITabBarController, при первом запуске я хочу наложить контроллер представления входа, но получил ошибку.
Несбалансированные вызовы для начала/завершения перехода внешнего вида для ‹ UITabBarController: 0x863ae00 >.
Ниже...
25886 просмотров
schedule
19.09.2023
Как очистить застрявший переход страницы в WP7?
В настоящее время у меня есть приложение, которое не прошло сертификацию из-за ошибки перехода страницы.
Проблема очень чувствительна к времени, но может быть воспроизведена следующим образом:
Запустите приложение — подождите, пока откроется...
256 просмотров
schedule
15.06.2022
Выпадающее меню в стиле Обамы — с сохранением ширины текста
Я пытаюсь создать отзывчивое навигационное меню, подобное тому, что находится на http://www.barackobama.com . (См. мой JSFiddle http://jsfiddle.net/andfinally/VvWWh /.) На экранах меньшей ширины когда пользователь щелкает ссылку «Меню», содержимое...
559 просмотров
schedule
14.10.2022
Конечный автомат UML: диаграмма классов состояния с переходами, триггерами и событиями
TL; DR: Как мне представить переход UML (см. Следующую строку) на диаграмме объектов UML?
событие (параметры_события) [условие_охранения] / doStuff ()
В моем дипломном проекте бакалавриата я работаю с UML StateMachines (поведенческими, без...
3673 просмотров
schedule
12.07.2023
Как сделать 2D-графический переход на холсте Android
Я нарисовал круг, используя paint и canvas в android .
Я хочу переместить круг в каком-то направлении, есть ли какие-либо методы API, которые можно использовать? Или мне нужно использовать цикл и каждый раз менять положение?
1094 просмотров
schedule
03.08.2022
Расширение путей в D3 с переходом
Я боролся с проблемами, связанными с переходами в D3. Рассмотрим этот код:
svg.selectAll("path")
.data(data, key)
.enter().append("path")
.attr("d", someFunctionThatReturnsAPath);
});
И через несколько секунд я вызываю следующее в...
2321 просмотров
schedule
01.02.2023
Переходы между страницами с использованием Phonegap, Zepto и Backbone
Я разрабатываю мобильное приложение, используя Zepto, Backbone и Phonegap. Я изо всех сил пытался добиться переходов страниц. Я пробовал эту библиотеку ( https://github.com/dgileadi/zepto-page-transitions/tree/master/example ). Я не могу заставить...
1764 просмотров
schedule
03.07.2022
Переход между двумя html-страницами
Я нашел отличные переходы страниц:
http://tympanus.net/Development/PageTransitions/
Я знаю, что эти переходы могут быть глупыми для работы в Интернете, но я думаю, что они действительно могут улучшить мобильную версию. Итак, я делаю...
11532 просмотров
schedule
07.08.2023
Оцените матрицу переходов цепи Маркова в MATLAB с различными длинами последовательности состояний
Я пытаюсь построить матрицу перехода для цепи Маркова в MATLAB; У меня есть несколько разных последовательностей наблюдений (все разной длины), и мне нужно сгенерировать матрицу перехода, используя их.
Построение многоуровневой матрицы переходов...
12550 просмотров
schedule
08.06.2023
Попытка заменить переход CSS на Jquery
Я работаю над навигационным меню, в котором есть раскрывающееся подменю на всю ширину экрана. Я использую переходы CSS для анимации раскрывающегося списка. Он прекрасно работает в FF и Chrome, но не работает в старых версиях IE. Поэтому я ищу...
163 просмотров
schedule
27.01.2023
Конечный автомат, отправляющий события в собственную очередь событий
В настоящее время я изучаю иерархические машины состояний (машины состояний UML, диаграммы состояний и т. д.), и мне неясно следующее:
Допустима ли отправка событий в собственную очередь событий машины во время переходов и из состояний, и если да,...
2365 просмотров
schedule
09.06.2022
