#3d CSS efektleri

"3d" etiketiyle eşleşen 195 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Hover

Fold Right

Folds to the right on hover.

#hover #transform #3d

Canlı incele Hover

3D Tilt Edge Frame

Frame tilts in 3D while edges highlight on hover.

#hover #transform #shadow

Canlı incele Hover

Fold Out Frame

Frame panels fold outward like opening a box on hover.

#hover #transform #shadow

Canlı incele Hover

Twist Corner Frame

Corners twist into place with 3D rotation on hover.

#hover #transform #border

Canlı incele Hover

Page Turn 3D Mask

Page-like 3D turn reveals on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Book

Book-opening flip on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Box

Box lid flip open on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Card

Playing card 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Combo

Combined X+Y+Z rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Cube

Cube-face rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Door

Door-swing rotation on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Envelope

Envelope flap fold on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Fold

Fold-over 3D on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Origami

Origami fold on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Page

Page-turn 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Rotate 3D Panel

Panel swing on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Paper Boat

Paper boat rocking on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Paper Plane

Paper-plane banking on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Roll

Continuous 3D roll on hover.

#hover #animation #transform

Canlı incele Hover

Rotate 3D Shutter

Camera shutter flip on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Spin

Diagonal 3D spin on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Tilt

Smooth 3D tilt on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Tumble

Tumbling multi-axis rotation on hover.

#hover #animation #transform

Canlı incele Hover

Rotate 3D Twist

Twisted 3D rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Window

Window-shutter flip on hover.

#hover #transform #3d

Canlı incele Hover

3D Rotate Wobble

3D rotation with wobble on hover.

#hover #animation #transform

Canlı incele Hover

Rotate X Full

Full 360° rotation on X-axis on hover.

#hover #animation #transform

Canlı incele Hover

Rotate X Half

Half 180° rotation on X-axis on hover.

#hover #transform #3d

Canlı incele Hover

Rotate Y Full

Full 360° rotation on Y-axis on hover.

#hover #animation #transform

Canlı incele Hover

Rotate Y Half

Half 180° Y-axis rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rubber Band

Element wobbles like a rubber band on hover.

#hover #animation #transform

Canlı incele Hover

3D Scale Pulse

3D pulsing scale on hover.

#hover #animation #transform

Canlı incele Hover

Shadow Perspective

Perspective floor shadow on hover.

#hover #gradient #transform

Canlı incele Hover

Sidespin

Element spins sideways on hover.

#hover #transform #3d

Canlı incele Hover

Flip Letters

Letters flip on hover.

#hover #transform #3d

Canlı incele Hover

Tilt Zoom

Tilt with zoom on hover.

#hover #transform #3d

Canlı incele Hover

Tumble Back

Element tumbles backward in 3D on hover.

#hover #transform #3d

Canlı incele Hover

Unfold Open

Unfolds open on hover.

#hover #transform #3d

Canlı incele Hover

Unfold Spread

Unfolds spread on hover.

#hover #transform #3d

Canlı incele Hover

Venetian Tilt

Vertical venetian blind slats rotate in 3D to let light through on hover.

#gradient #hover #3d

Canlı incele Yükleyiciler

Arcade Token

Arcade token spinning in air.

#animation #gradient #transform

Canlı incele Yükleyiciler

Card Trick Flip

Playing card flipping in magic trick.

#animation #gradient #transform

Canlı incele Yükleyiciler

Spinning Coin

A golden coin flipping end-over-end in 3D, catching the light.

#gradient #animation #3d

Canlı incele Yükleyiciler

3D Cube

Cube rotating in 3D space.

#animation #transform #border

Canlı incele Yükleyiciler

Dice Roll

A six-sided die tumbling in 3D space.

#animation #gradient #transform

Canlı incele Yükleyiciler

Disc Roll Edge

Disc rolling along its edge.

#animation #gradient #transform

Canlı incele Yükleyiciler

Discus Spin

Discus spinning in thrower's hand.

#animation #gradient #transform

Canlı incele Yükleyiciler

DNA Helix

Double helix DNA strand rotating.

#animation #transform #3d

Canlı incele Yükleyiciler

Folding Cube 3D

3D cube with folding faces.

#animation #transform #3d

Canlı incele Yükleyiciler

Frisbee Throw

Frisbee spinning through air.

#animation #gradient #transform

Canlı incele Yükleyiciler

Grid 3D Pulse

3D grid of squares pulsing in sequence.

#animation #transform #3d

Canlı incele Yükleyiciler

DNA Helix

Paired dots rotating in 3D to form a twisting double helix.

#animation #3d #shadow

Canlı incele Yükleyiciler

Hula Hoop Twirl

Hula hoop twirling around waist.

#animation #gradient #transform

Canlı incele Yükleyiciler

Icosahedron Spin

Twenty-sided polyhedron rotating.

#animation #transform #3d

Canlı incele Yükleyiciler

Octagon 3D Flip

Octagon flipping in 3D space.

#animation #gradient #transform

Canlı incele Yükleyiciler

Octahedron Spin

Eight-faced polyhedron rotating.

#animation #transform #3d

Canlı incele Yükleyiciler

Prism Rotate

Triangular prism rotating in 3D.

#animation #transform #border

Canlı incele Yükleyiciler

Spinning Pyramid

An amber triangle spinning on its vertical axis like a 3D pyramid.

#gradient #animation #3d

Canlı incele Yükleyiciler

3D Pyramid

Pyramid rotating in 3D space.

#animation #transform #border

Canlı incele Yükleyiciler

Square Flip Grid

Four squares flipping in 3D in a staggered wave.

#animation #3d #border

Canlı incele Yükleyiciler

Tetra Flip 3D

Tetrahedron flipping in 3D space.

#animation #transform #3d

Canlı incele Yükleyiciler

Tetrahedron Spin

3D tetrahedron rotating in space.

#animation #transform #3d

Canlı incele Yükleyiciler

Tilt-A-Whirl

A tilted disk wobbling and spinning erratically.

#animation #gradient #transform

Canlı incele Navigasyon

3D Perspective Navbar

Navbar with 3D hover lift and perspective transform.

#hover #transform #shadow

Canlı incele Navigasyon

3D Tilt X Navbar

Active link tilts on the X-axis with deep perspective.

#hover #transform #shadow

Canlı incele Navigasyon

3D Tilt Y Navbar

Active link tilts on the Y-axis with deep perspective.

#hover #transform #shadow

Canlı incele Navigasyon

Arrow 3D Perspective Navbar

Nav with 3D perspective arrow-shaped active indicator.

#hover #transform #shadow

Canlı incele Navigasyon

Arrow Flip 3D Navbar

Nav arrow indicators flip in 3D on hover.

#hover #transform #3d

Canlı incele Navigasyon

3D Rotate Hamburger

Hamburger with full 3D rotation on hover.

#hover #transform #border

Canlı incele Navigasyon

3D Perspective Drawer Navbar

Drawer with a 3D perspective active link lifting forward.

#hover #transform #shadow

Canlı incele Navigasyon

3D Flip Card Navbar

Each link is a 3D flip card revealing a back face on hover.

#hover #transform #3d

Canlı incele Navigasyon

Horizontal Flip Navbar

Links flip horizontally (Y-axis) on hover for a side reveal.

#hover #transform #3d

Canlı incele Navigasyon

Vertical Flip Navbar

Links flip vertically (X-axis) on hover for a top-down reveal.

#hover #transform #3d

Canlı incele Navigasyon

Active 3D Pagination

Active page lifts in 3D perspective.

#hover #gradient #transform

Canlı incele Navigasyon

Hover 3D Pagination

Numbers lift in 3D on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Hover Flip Pagination

Numbers flip on hover.

#hover #transform #3d

Canlı incele Navigasyon

Number 3D Pagination

Numbers with 3D lift on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Number Flip Pagination

Numbers flip on Y axis on hover.

#hover #transform #3d

Canlı incele Navigasyon

Perspective Tilt Navbar

Active link lifts forward in 3D perspective with translateZ.

#hover #transform #shadow

Canlı incele Navigasyon

Slant 3D Fold Navbar

Nav with a 3D fold effect along the diagonal axis.

#hover #transform #3d

Canlı incele Navigasyon

3D Flip Tabs

Tabs with 3D flip animation on active state.

#hover #transform #shadow

Canlı incele Navigasyon

Cube Rotate Tabs

Tabs that rotate like a 3D cube on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Flip 3D Tabs

Tabs with full 3D flip transform on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Flip X Tabs

Tabs that flip on X axis on hover.

#hover #transform #shadow

Canlı incele Navigasyon

Flip Y Tabs

Tabs that flip on Y axis on hover.

#hover #transform #shadow

Canlı incele Metin

3D Extruded Text

Layered 3D text with stacked shadow planes giving a chunky extruded look.

#3d #shadow

Canlı incele Metin

Flip 3D Cube

3D cube flip rotation.

#animation #transform #3d

Canlı incele Metin

Flip Clock Card

Text on a flip-clock style card that flips on the X axis periodically.

#gradient #animation #3d

Canlı incele Metin

Retro 80s Neon

80s retro text with pink-cyan neon shadow stack and perspective tilt.

#animation #glow #3d

Canlı incele Metin

3D Y-Rotate

Outlined text spinning continuously around the vertical Y axis in 3D.

#animation #3d #shadow

Canlı incele Metin

3D X Rotation

Text rotating around the X axis in 3D.

#animation #transform #3d

Canlı incele Metin

Split-Flap Letters

Each letter flips sequentially like a split-flap departure board.

#animation #3d #border

#3d etiketli efektler

Popüler etiketler