Можно ли в flex задать неподвижность элементов относительно выбранного?

Question

[Ingernirated]

Такая ситуация, display flex, всё как надо, но при наведении на один из блоков(и увеличивая чуть-чуть только его размер), другие автоматический сдвигаются и этом заметно, можно ли сделать так, чтобы при увеличении одного из блоков на время, другие не сдвигались?
https://jsfiddle.net/f4ocguv4/15/

Answer 1

[dom1n1k]

Можно, если увеличивать активный блок не через width, а через transform: scale
Но это решение имеет свои побочные эффекты (со сглаживанием шрифтов и пр)

Comments

[Ingernirated]

спасибо, а в чём побочность?
сейчас попробовал, весьма гладко
а border нельзя аккуратно задать?
чтобы он не сдвигал другие блока, как расширение выбранного, а лишь визуально был

[dom1n1k]

Могут мылиться шрифты и вообще мелкие детали изображения. Причем поведение часто разное в разных браузерах и разных ОС. Это сильно завязано на железо, драйвера и прочее низкоуровневое шаманство, не угадаешь.
Некоторые браузеры мылят всегда. Некоторые мылят в процессе анимации, но по достижении заданного масштаба опять делают четко.
В некоторых случаях у шрифтов пропадает сглаживание, они становятся с зазубринами.