search

marvelapp / devices.css

Pure CSS phones and tablets
MIT License
3.95k stars 611 forks source link

how to change the size of the device #23

Closed ARKKYN closed 8 years ago

ARKKYN commented 8 years ago

how to change the size of the device , if i alter the height and width the camera and sensor elements go and collapse eachother

rickyruiz commented 8 years ago

I created a small demo to show how to achieve this using the css selector transform. DEMO

joncursi commented 6 years ago

The problem with using the scale CSS transform is that when you scale down, the image on the screen gets blurry.

https://css-tricks.com/forums/topic/scaling-down-images-with-css-makes-them-blurry/

Thoughts on how to resize the phone without blurring everything up?

rickyruiz commented 6 years ago

Have you tried a 3d transformation to force hardware acceleration? transform: scale(N) translateZ(0); or transform: scale(N) rotateZ(360deg); or also changing the scale value to reduce the pixels being merged.