Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
Заблокирован

transition и grid-template-columns

14.12.2019, 15:24. Показов 1413. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Изначально grid-template-columns: 300px 1fr, затем когда ширина окна становится менее 1000px, grid-template-columns: 100px 1fr.

Возможно ли применить анимацию к первой ячейки, когда первой ячейки присваивается ширина 100px?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
14.12.2019, 15:24
Ответы с готовыми решениями:

Неправильная ширина в Css Grid (grid-template-columns)
По высоте все нормально, но ширину никак не додумаюсь как выставить как на макете в итоге получил в макете должно быть так ...

Grid-template-columns - минимальная ширина + максимальная + ширина в процентах
Как сделать так, чтобы на колонку выставить ширину в процентах и при этом указать максимальную и минимальную ширину в пикселях?

Что такое -webkit-transition, -moz-transition, -o-transition?
Изучаю анимацию в css с помощью transition. В каждом примере вижу похожую запись. -webkit-transition: top 1s ease-out 0.5s; ...

4
Заблокирован
15.12.2019, 14:58  [ТС]
Хелп
0
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
15.12.2019, 20:13
Gerd199, не понимаю, что должно произойти? Как должно анимироваться по вашему?
0
Заблокирован
16.12.2019, 13:35  [ТС]
Анимация по ширине, то есть когда меняем ширину первого блока через grid-template-columns: 100px 1fr. Выполнить анимацию по ширине данного блока.
0
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
17.12.2019, 00:47
Gerd199, у вас ничего не получиться, ищите другой вариант реализации задумки. Хоть grid-template-columns и является анимируемым, но во-первых свойство имеет ограничения по анимации, к примеру вы не сможете аннимировать если задаёте два разных порядка, а во-вторых, работает только в mozilla.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
17.12.2019, 00:47
Помогаю со студенческими работами здесь

StackPanel + Grid Columns
Здравствуйте! Хотел спросить есть у меня stackpanel в нём я создаю колонки(ColumnDefinition). //xaml <Grid> ...

WPF! XAML template via DevExpress Grid
Добрый день уважаемы коллеги программисты, Помогите роздуплить как сделать одну задачку для когото она тривиальная может показаться но для...

Установка DBGrid columns при выводе через запрос SQLquery (обычный вывод в editing DBGrid Columns все настраивается)
procedure TForm1.Button33Click(Sender: TObject); //Кнопка Все вывести begin sqlquery2.Active:=FALSE; ...

Возможно ли задать в XAML число строк и столбцов Grid сразу, без исп <Grid.ColumnDefinitions> и <Grid.RowDefinnitions>?
Возможно ли задать в XAML число строк и столбцов Grid сразу, без исп &lt;Grid.ColumnDefinitions&gt; и &lt;Grid.RowDefinnitions&gt;?

Mixing of GROUP columns (MIN(),MAX(),COUNT(),.) with no GROUP columns is illegal if there is no GROUP BY clause
Такая ошибка: КОД: $result=mysql_query(&quot;SELECT description, min(schedule.date) as date FROM schedule where...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru