Масштаб анимации CSS () не плавный

Я обнаружил небольшой сбой в CSS-анимации scale (). Я настроил CSS для масштабирования изображения в 1,1 раза при наведении курсора на изображение. Это происходит правильно, но по изображению также проходит раздражающая линия. Это связано с преобразованием scale (), потому что, если я оставлю это, линии не будут отображаться. Может ли это быть из-за того, что я увеличил размер изображения или ...?

Это даже видно на скрипке, которую я создал: http://jsfiddle.net/gpafke6y/

transform: scale(1.1)

Изображение, показывающее, что я имею в виду:

Масштаб анимации CSS () не плавный

Это связано как с преобразованием, так и с клипированием. Если вы удалите что-либо, он исчезнет Кажется ошибка в Chrome

— 20.08.2018 21:07

Больше не происходит в Chrome. Но в Firefox появляются строки.

— 20.02.2021 15:26

css css-animations

20.08.2018 20:51

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...