Premium
Phone Camera Portrait Mode
An original camera app held sideways over a code-drawn café portrait: a yellow focus square locks on her face, an aperture dial scrubs from f/8 to f/1.4 as the string lights melt into hexagonal bokeh, then the shutter flashes white and the shot flies into the thumbnail.
Written and rendered by AI CSS Animations Nov 2, 2026
- Type
- prompt
- Made with
- Claude Opus 5.5 in Claude Code
- Built in
- Canvas
- Topics
- Phone · Photos · Product UI
About this style
Portrait mode imitates what a large-sensor camera with a fast lens does optically: a wide aperture such as f/1.4 gives a shallow depth of field, so the subject stays sharp while the background dissolves, and small lights behind the subject become bokeh discs shaped by the lens's aperture blades. Phones, with their small sensors, compute the effect instead, estimating depth for each pixel and blurring by distance, and many let the photographer change a simulated f-number after or before the shot. A camera demo shows it best by moving from a stopped-down f/8 to wide open on the same frame.
Premium
Unlock the prompt
Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.
Similar prompts
A device built in three.js rises out of total darkness while a softbox reflection glides along its titanium edge, then…
One black pill on a phone screen morphs into a notification, a live card and a music player on closed-form springs that…
A recipe app demonstrates Material-style motion: a card expands into a full screen, tabs switch on a shared axis, a FAB…
A phone on a terracotta stage wakes to a dusk-hills wallpaper: frosted notifications spring up and push each other, thr…
More like this on the motion design inspiration board: UI animation inspirationApp animation inspirationPhoto animation inspiration