Нужен совет опытным верстальщиков ?

@tilperions · Регистрация: 23.05.2013

Студворк — интернет-сервис помощи студентам

Используете ли вы повседневной верстке, в CSS такие свойства CSS3, как transform, transition, animation ?
И, если да, то с какими элементами ?

@monochromer · 08.03.2014, 11:47

Я, конечно, не опытный верстальщик, но пару слов вставлю о том, где использую эти свойства.

transition (наиболее часто используемое из всех перечисленных) - в меню и элементах управления (формы, кнопки) для эффектов наведения, активации, фокуса и пр.

animation - для индикаторов загрузки

transform - в различных галереях (изображения, список работ, новостей, статей и пр.). Например, flip-эффект.

@tilperions · 08.03.2014, 11:50 **[ТС]**

monochromer,
Но ведь, на сколько знаю, эти свойства плохо поддерживаются браузерами, включая мобильные, или я отстал от жизни ?

@monochromer · 08.03.2014, 12:10

Они используются для украшения, а не для реализации основной функциональности. Поэтому нужно делать так, чтобы при отсутствии поддержки ничего не поломалось.
Если верить сервису http://caniuse.com/, то плохая поддержка только у Opera Mini.

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью 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 позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

@tilperions 17 / 17 / 7 Регистрация: 23.05.2013 Сообщений: 54

	Нужен совет опытным верстальщиков ? 08.03.2014, 10:40. Показов 512. Ответов 3 Метки нет (Все метки) Используете ли вы повседневной верстке, в CSS такие свойства CSS3, как transform, transition, animation ? И, если да, то с какими элементами ? 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	08.03.2014, 11:47
	Я, конечно, не опытный верстальщик, но пару слов вставлю о том, где использую эти свойства. transition (наиболее часто используемое из всех перечисленных) - в меню и элементах управления (формы, кнопки) для эффектов наведения, активации, фокуса и пр. animation - для индикаторов загрузки transform - в различных галереях (изображения, список работ, новостей, статей и пр.). Например, flip-эффект. 0

@tilperions 17 / 17 / 7 Регистрация: 23.05.2013 Сообщений: 54
	08.03.2014, 11:50 [ТС]
	monochromer, Но ведь, на сколько знаю, эти свойства плохо поддерживаются браузерами, включая мобильные, или я отстал от жизни ? 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	08.03.2014, 12:10
	Они используются для украшения, а не для реализации основной функциональности. Поэтому нужно делать так, чтобы при отсутствии поддержки ничего не поломалось. Если верить сервису http://caniuse.com/, то плохая поддержка только у Opera Mini. 1