#3d CSS efektleri

"3d" etiketiyle eşleşen 188 ü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

3D Parallax Tilt

Layers shift in 3D based on cursor position for a parallax depth effect.

#gradient #3d #shadow

Canlı incele Backgrounds

Confetti Fall

Colorful confetti pieces tumble downward in celebration.

#gradient #animation #3d

Canlı incele Backgrounds

Diagonal Moving Lines

Crisp neon diagonal lines sweep across a dark backdrop like a synth scan.

#gradient #animation #3d

Canlı incele Backgrounds

Fireworks Burst

Colorful fireworks burst and fade over a starry night sky.

#gradient #animation #3d

Canlı incele Backgrounds

Perspective Grid Scroll

Synthwave perspective grid that scrolls toward the horizon with a glowing sun.

#gradient #animation #3d

Canlı incele Backgrounds

Retro Sunset

A striped retro sun sets behind an animated horizon line in classic 80s style.

#gradient #animation #3d

Canlı incele Backgrounds

Twinkling Starfield

A field of tiny stars that twinkle against the deep cosmos.

#gradient #animation #3d

Canlı incele Buttons

3D Push Button

Skeuomorphic 3D button that physically depresses on click.

#hover #3d #shadow

Canlı incele Buttons

Bow Tie Button

Playful button that bows forward in a 3D tilt on hover.

#hover #gradient #transform

Canlı incele Buttons

Cube Fold Button

Button that folds like an unfolding cube face on hover.

#hover #transform #border

Canlı incele Buttons

3D Flip Button

Button that flips on its Y axis revealing a back face on hover.

#hover #transform #border

Canlı incele Buttons

8-bit Pixel Button

Blocky retro pixel-art button with stepped shadow and snappy press.

#hover #3d #shadow

Canlı incele Buttons

Wobble Button

Purple outline button that wobbles playfully once when hovered.

#animation #hover #3d

Canlı incele Cards

Backstage Pass

Laminated backstage pass with a clip, spinning holographic seal and band info.

#gradient #animation #3d

Canlı incele Cards

Credit Card

Realistic credit card with a gold chip, embossed number, brand mark and details.

#gradient #hover #3d

Canlı incele Cards

Flip Flashcard Card

3D flip flashcard with term on front and definition on back.

#hover #gradient #transform

Canlı incele Cards

3D Flip Card

Card that rotates 180 degrees on the Y axis on hover to reveal a back face.

#gradient #hover #3d

Canlı incele Cards

Peel Corner Card

Card whose top-right corner peels back on hover to reveal a hidden layer beneath.

#gradient #hover #3d

Canlı incele Cards

Polaroid Photo

Classic polaroid photo card with a white frame, image area and a handwritten caption.

#gradient #hover #3d

Canlı incele Cards

Pressable 3D Card

Chunky 3D card with a thick colored base that presses down flat on click.

#gradient #hover #3d

Canlı incele Cards

Stacked Layers Card

Stack of cards that fan out into separate layered panels on hover.

#gradient #hover #3d

Canlı incele Cards

Sticky Note

Yellow sticky note with tape on top, a checklist and a curled bottom corner.

#gradient #3d #shadow

Canlı incele Cards

3D Tilt with Glare

Card that tilts in 3D following the cursor with a moving glare highlight.

#gradient #3d #shadow

Canlı incele Checkboxes

3D Cube Check

A rotating 3D cube that turns green when checked.

#transform #border #3d

Canlı incele Checkboxes

3D Pyramid Check

A 3D pyramid that flips and turns gold when checked.

#transform #border #3d

Canlı incele Checkboxes

Diamond Sparkle

A diamond emoji shimmers with a cyan glow and gentle rotation when toggled on.

#animation #3d #shadow

Canlı incele Checkboxes

3D Flip Card Check

A checkbox that flips in 3D to reveal a green check face when toggled on.

#3d #border #transform

Canlı incele Checkboxes

Card Flip Reveal

A card-style flip that reveals a checkmark face when checked.

#gradient #transform #border

Canlı incele Checkboxes

Vertical Card Flip

A vertical 3D flip that reveals the checkmark on the back.

#transform #border #3d

Canlı incele Checkboxes

Medal Spin Reveal

A medal emoji spins 360 degrees on its Y-axis and shines when awarded.

#animation #3d #shadow

Canlı incele Checkboxes

3D Press Check

A chunky 3D button-style checkbox that presses down and turns green when checked.

#3d #shadow #border

Canlı incele Checkboxes

Rocket Launch Toggle

A rocket emoji lifts off with a tilted angle and exhaust glow when launched.

#animation #3d #shadow

Canlı incele Checkboxes

3D X-Axis Flip

A 3D flip on the X axis revealing a checkmark on the bottom face.

#transform #border #3d

Canlı incele Checkboxes

3D Y-Axis Flip

A 3D flip on the Y axis revealing a checkmark on the back face.

#transform #border #3d

Canlı incele Checkboxes

Tarot Card Reveal

A mystical tarot card flips to reveal its face when checked.

#gradient #transform #border

Canlı incele Forms

Flip Icon Input

Input whose icon flips 180 degrees on focus.

#transform #shadow #border

Canlı incele Forms

Flip Credit Card Input

Credit card input that flips to show CVC field on focus.

#gradient #transform #shadow

Canlı incele Forms

Flip Radio

Radio card flips in 3D when selected.

#gradient #transform #border

Canlı incele Forms

Flip Switch

Switch knob flips 180 degrees when toggled.

#transform #3d

Canlı incele Hover

3D Page Turn

Page-turn 3D effect on hover.

#hover #transform #3d

Canlı incele Hover

3D Zoom Flip

3D combined zoom and flip on hover.

#hover #transform #3d

Canlı incele Hover

3D Zoom Tilt Pop

3D pop with tilt and zoom on hover.

#hover #transform #3d

Canlı incele Hover

Backspin

Element backspins on hover.

#hover #transform #3d

Canlı incele Hover

Cube Rotate 3D

Element rotates like a cube face on hover.

#hover #transform #3d

Canlı incele Hover

Flip 3D Card

Card-style 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Flip 3D Coin

Coin-toss flip on hover.

#hover #animation #gradient

Canlı incele Hover

Flip 3D Door

Door-swing 3D flip on hover.

#hover #transform #border

Canlı incele Hover

Flip 3D Page

Page-turn 3D flip on hover.

#hover #transform #shadow

Canlı incele Hover

Soft 3D Flip

Soft 3D flip on Y-axis on hover.

#hover #transform #3d

Canlı incele Hover

Flip Card

Card flips in 3D to reveal its back face on hover.

#gradient #hover #3d

Canlı incele Hover

Card Front Back Flip

Flips card to reveal back side on hover.

#hover #transform #3d

Canlı incele Hover

Flip Diagonal

Element flips diagonally on hover.

#hover #transform #3d

Canlı incele Hover

Soft Diagonal Flip

Soft diagonal flip transform on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Fast

Quick X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Hard

Hard full X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Slow

Slow dramatic X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip X Soft

Soft gentle X flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Fast

Quick Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Hard

Hard full Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Slow

Slow dramatic Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Y Soft

Soft gentle Y flip on hover.

#hover #transform #3d

Canlı incele Hover

Flip Zoom

Flip with zoom on hover.

#hover #transform #3d

Canlı incele Hover

Fold Double

Double fold on hover.

#hover #transform #3d

Canlı incele Hover

Fold Down

Folds downward on hover.

#hover #transform #3d

Canlı incele Hover

Fold Left

Folds to the left on hover.

#hover #transform #3d

Canlı incele Hover

Fold Origami Spread

Origami spread fold on hover.

#hover #transform #3d

Canlı incele Hover

Fold Right

Folds to the right on hover.

#hover #transform #3d

Canlı incele Hover

Fold Up

Folds upward 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

3D Jolt

Quick 3D jolt animation on hover.

#hover #animation #transform

Canlı incele Hover

3D Blinds Mask

Blinds fold in 3D on hover.

#hover #transform #3d

Canlı incele Hover

Cube 3D Spin Mask

Cube face rotates to reveal new content on hover.

#hover #transform #3d

Canlı incele Hover

Page Turn 3D Mask

Page-like 3D turn reveals on hover.

#hover #transform #3d

Canlı incele Hover

Mosaic Tile Flip

A 3x3 grid of small tiles flips in 3D in a staggered wave on hover.

#gradient #hover #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 Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Canlı incele Hover

Rotate 3D Combo

Combined X+Y+Z rotation on hover.

#hover #transform #3d

Canlı incele Hover

Rotate 3D Crate

Crate lid swings open on hover.

#hover #transform #border

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 Flip

Single 3D flip on hover.

#hover #transform #3d

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

Popüler etiketler

#transform5765 #shadow5548 #gradient4959 #border3831 #animation3495 #hover2879 #filter2139 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3