Как реализовать, хлебают эффект на iPhone?

Question

Как реализовать, хлебают эффект на iPhone?

Другое решение - установить размеры для img и использовать «object-fit: cover;». Он будет работать так же, как «background-size: cover», не мешая фоновым изображениям.

img {
  object-fit: cover;
  border-radius:50%;
  width: 150px;
  height: 150px;
}

Я нашел это на пост Криса Нейджера. - 1

Редактировать: как упоминалось @prograhammer, это не работает в IE. Edge поддерживает это только для тегов .

Частичная поддержка в Edge относится к object-fit только поддержке - 2

Редактировать 2: Этот пост Приможа Cigler показывает, как использовать Modernizr для добавления резервной поддержки IE, но в этом случае вам потребуется добавить обертку для de image.

11

iphone core-animation

задан Itay 19 June 2009 в 18:45

3 ответа

Другие вопросы по тегам:

iphone core-animation

Похожие вопросы:

score 1 · Answer 1

В этом сообщении говорится об использовании частного API для достижения эффекта: текст ссылки

1

ответ дан 3 December 2019 в 12:05

score 1 · Answer 2

Кажется, это сложная комбинация двухмерных и трехмерных преобразований. : - \ Вы должны действительно углубиться в CoreAnimation, чтобы смоделировать этот эффект.

score 1 · Answer 3

Я бы сделал это с помощью аффинного преобразования, применяемого к слою представления. Линейная алгебра не моя сильная сторона;) поэтому я не могу указать точное преобразование, но я предполагаю, что для анимации будет что-то вроде этого:

Установите альфа-канал на затухание на 0,0 или что-то близкое к 0
Примените преобразование, чтобы сжать два нижних угла близко к центру
Уменьшить вид до очень маленького
переместить центр слоя вниз к нижней части экрана (или где угодно to genie to.

Я думаю, что примерно так и будет. Возможно, вам придется анимировать эти вещи в разное время или все в одном блоке, я не совсем уверен.

Посмотрите документацию для CALayer, CABasicAnimation и CGAffineTransform.