Back to the 3D transform guide

Effects using perspective / transform

The catalog contains 259 effects using perspective / transform. The 96 most-viewed examples are shown below. Read the 3D transform guide for a complete explanation.

3D Parallax Tilthover-3d-parallax

3D Chevron Breadcrumbsnav-crumb-3d-chevron

3D Fold Origamitip-3d-fold-origami

3D Cube Spintip-3d-cube-spin

3D Y-Axis Flipcheck-rotate-3d-y

3D Pyramid Checkcheck-3d-pyramid

Tarot Card Revealcheck-tarot

Flip Radioform-radio-flip

Rotate 3D Fliphover-rotate-3d-flip

Topspinhover-topspin

3D Zoom Tilthover-zoom-tilt-3d

Flip Cardloader-flip-card

3D Arrow Breadcrumbsnav-crumb-3d-arrow

Flip In Menunav-menu-flip-in

Active Flip Paginationnav-page-active-flip

3D Rotate Ytip-3d-rotate-y

Fold Bottomtip-fold-bottom

Drift Blind Accordionacc-drift-blind

Echo Origami Accordionacc-echo-origami

Flux Page Accordionacc-flux-page

Dance Floor Discobg-dance-floor-disco

Ski Slope Tracksbg-skiing-slope-tracks

Flip Flashcard Cardcard-flashcard-flip

Flip Reveal Cardcard-flip-reveal

Fold Flip Checkboxcheck-fold-flip

Flip Icon Inputform-icon-flip

Credit Card Previewform-pay-card-preview

Flip Switchform-switch-flip

3D Zoom Fliphover-3d-zoom-flip

Flip 3D Coinhover-flip-3d-coin

Flip 3D Doorhover-flip-3d-door

Flip 3D Pagehover-flip-3d-page

Flip Cardhover-flip-card

Card Front Back Fliphover-flip-card-front-back

Flip Y Fasthover-flip-y-fast

Fold Doublehover-fold-double

Fold Uphover-fold-up

3D Jolthover-jolt-3d

3D Blinds Maskhover-mask-blinds-3d

Cube 3D Spin Maskhover-mask-cube-3d-spin

Mosaic Tile Fliphover-mosaic-flip

Rotate 3D Coinhover-rotate-3d-coin

Rotate 3D Cratehover-rotate-3d-crate

Zoom Fliphover-zoom-flip

Flip Hamburgernav-burger-flip

Slant Perspective 3D Navbarnav-slant-perspective-3d

Flip Card Tabsnav-tab-flip-card

3D Tilt Hover Navbarnav-tilt-3d-hover

Vertical Tab Flip Cardnav-vtab-flip-card

Lattice Unit Tabstab-lattice-units

3D Bouncetext-bounce-3d

Char Fliptip-char-flip

Fan Out Tiptip-fan-out-tip

Flip X Lefttip-flip-x-left

Flip X Righttip-flip-x-right

Cube Roll 3Dtoggle-cube-roll

Open / Closed Doortoggle-door

Flip Card Toggletoggle-flip-card

Kindle Envelope Accordionacc-kindle-envelope

Quiver Door Accordionacc-quiver-door

Turbine Account Accordionacc-turbine-account

Bearing Payment Alertalert-bearing-payment

Conduit Calendar Alertalert-conduit-calendar

Ratchet Countdown Alertalert-ratchet-countdown

Spindle Ribbon Alertalert-spindle-ribbon

Nickel Flip Card Avatarava-nickel-flip

Airport Runway Lightsbg-airport-runway-light

Bowling Alley Lightsbg-bowling-alley-lights

Velodrome Cyclingbg-cycling-velodrome

Headlight Tunnelbg-headlight-tunnel

Laser Grid Floorbg-laser-grid-floor

Perspective Grid Scrollbg-perspective-grid

Sprint Lanebg-running-sprint-lane

Bow Tie Buttonbtn-bow

Cube Fold Buttonbtn-cube-fold

3D Flip Buttonbtn-flip-3d

3D Flip Cardcard-flip

Peel Corner Cardcard-peel-corner

3D Tilt with Glarecard-tilt

Tilt Glare Cardcard-tilt-glare

3D Cube Checkcheck-3d-cube

3D Cylinder Checkcheck-3d-cylinder

3D Flip Card Checkcheck-flip

Card Flip Revealcheck-flip-card

Vertical Card Flipcheck-flip-vertical

Letter I Togglecheck-letter-i

Letter X Togglecheck-letter-x

Flip Lid Checkboxcheck-lid-flip

3D X-Axis Flipcheck-rotate-3d-x

Venetian Blind Checkboxcheck-shutter-blinds

Flip Arrow Dropdownform-dropdown-flip

3D Flip Floating Labelform-float-3d-flip

Flip Credit Card Inputform-pay-card-flip

3D Page Turnhover-3d-page-turn

3D Zoom Tilt Pophover-3d-zoom-tilt

Backspinhover-backspin

Continue exploring

3D transform guide All guides CSS reference