CSS-only/SVG мокап девайсов?

Question

[crdrads]

Помогите найти CSS респонсив мокап айфонов/айпадов.
Поискал на кодепен, не нашел ничего.
Нашел только https://github.com/marvelapp/devices.css - но это фигня не респонсив.

Можно не сильно фотореалистичный (Clay), главное тчтоб приятный глазу.
АПД: Можно и SVG мокап тоже

Comments

[Максим Тимофеев]

Что в Вашем понимании респонсив? Девайсы имеют четкое соотношение сторон, Вы хотите их растягивать?

[Евгений]

Максим Тимофеев, растянуть андройд до iphone X

[crdrads]

Максим Тимофеев, тебе надо посмотреть вебинар по респонсив, срочна

[Максим Тимофеев]

Евгений, )))

Answer 1

[Андрей]

https://www.sketchappsources.com/svg-resource/713-...
https://ru.m.wikipedia.org/wiki/%D0%A4%D0%B0%D0%B9...
https://ru.wikipedia.org/wiki/%D0%A4%D0%B0%D0%B9%D...
https://www.sketchappsources.com/svg-resource/709-...
https://www.sketchappsources.com/svg-resource/711-...

Сойдет?

Comments

[crdrads]

Так себе. Векторы с википедии угандошены трансформами и куча грязи ненужной. Замахаюсь чистить для анимации, проще самому нарисовать)

[Андрей]

crdrads, прогоните пикчи через SVGO, мусора станет в разы меньше)

[crdrads]

ellenripley4, SVGO по умолчанию и так, он не поможет от этого. Как он поможет от ненужных клипов и трансформов? Тут дизайнер с руками из жопы делал, никакой SVGO не спасет

[Андрей]

crdrads, как вам такой Iphone X? https://valentinciobanu.com/portfolio/iphone-x-ux-...

[crdrads]

ellenripley4, так это ж psd

[Андрей]

crdrads, я к сожалению, сейчас не могу его посмотреть, но я так понял, что внутри psdхи векторный смарт объект валяется.