LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#gradient CSS efektleri

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

Canlı incele Navigation

Color Shift Tabs

Tabs that shift hue on hover.

#hover #gradient #shadow

Canlı incele Navigation

Cube Rotate Tabs

Tabs that rotate like a 3D cube on hover.

#hover #gradient #transform

Canlı incele Navigation

Flip 3D Tabs

Tabs with full 3D flip transform on hover.

#hover #gradient #transform

Canlı incele Navigation

Fold Corner Tabs

Tabs with folded corner effect on active.

#hover #gradient

Canlı incele Navigation

Gradient Background Tabs

Tabs with animated gradient background on active.

#hover #animation #gradient

Canlı incele Navigation

Gradient Underline Tabs

Tabs with animated gradient underline.

#hover #gradient #transform

Canlı incele Navigation

Raised Active Tabs

Active tab appears raised above others.

#hover #gradient #transform

Canlı incele Navigation

Rounded Active Tabs

Fully rounded active tab indicator.

#hover #gradient #shadow

Canlı incele Navigation

Slide Content Tabs

Tabs with sliding content background indicator.

#hover #gradient #transform

Canlı incele Navigation

Text Cinematic Glow Navbar

Active link has a wide cinematic soft-glow halo behind the text.

#hover #gradient #shadow

Canlı incele Navigation

Text Fill Mask Navbar

Link text fills with color from the bottom up on hover.

#hover #gradient

Canlı incele Navigation

Text Gradient Shift Link Navbar

Hovered links shift a gradient text fill smoothly across the letters.

#hover #gradient

Canlı incele Navigation

Text Rainbow Flow Navbar

Active link text flows through a rainbow gradient animation.

#hover #animation #gradient

Canlı incele Navigation

3D Tilt Hover Navbar

Each link tilts in 3D space responding to hover with depth perspective.

#hover #gradient #transform

Canlı incele Navigation

Vertical Tab Fill Bg

Vertical tabs with a sliding colored fill background on hover.

#hover #gradient #transform

Canlı incele Navigation

Vertical Tab Gradient Bg Flow

Vertical tabs with an animated gradient background flow on the active.

#hover #animation #gradient

Canlı incele Navigation

Vertical Tab Pill Morph

Vertical tabs where the active pill morphs smoothly between items.

#hover #gradient #transform

Canlı incele Navigation

Vertical Tab Progress Bar

Vertical tabs with an active progress bar fill on the active item.

#hover #gradient

Canlı incele Navigation

Circle Mask Wipe Nav

Active indicator revealed by a circle that expands outward from the link.

#hover #gradient #transform

Canlı incele Navigation

Diagonal Wipe Reveal Nav

Diagonal wipe transitions across the nav when hovering different items.

#hover #gradient #transform

Canlı incele Navigation

Wipe Left Reveal Nav

Active tab revealed by a leftward wipe that sweeps across the nav.

#hover #gradient #transform

Canlı incele Navigation

Wipe Right Reveal Nav

Active tab revealed by a rightward wipe sweeping across the nav bar.

#hover #gradient #transform

Canlı incele Text

Abalone Shell

Abalone shell iridescent colors.

#gradient #filter

Canlı incele Text

Abstract Fluid

Abstract fluid organic shapes.

Canlı incele Text

Abstract Ink

Abstract ink blot pattern.

Canlı incele Text

Abstract Splash

Abstract paint splash pattern.

Canlı incele Text

Acropolis Greek

Greek acropolis marble on text.

#animation #gradient #filter

Canlı incele Text

Amber Resin

Translucent amber resin with a warm honey glow.

#gradient #shadow #filter

Canlı incele Text

Amber Warm Resin

Warm amber resin fossil finish.

#gradient #filter

Canlı incele Text

Amethyst Purple

Amethyst purple crystal gem.

#gradient #filter

Canlı incele Text

Andromeda Galaxy

Spiraling blue Andromeda galaxy in text.

#animation #gradient #transform

Canlı incele Text

Argyle Diamond

Argyle diamond pattern in classic preppy colors.

Canlı incele Text

Arrows Flow

Flowing arrows direction pattern.

Canlı incele Text

Art Deco Gold

Elegant art deco gold text with symmetrical flair.

#gradient #shadow

Canlı incele Text

Art Deco Gold Leaf

Art deco gold leaf ornate.

#gradient #shadow

Canlı incele Text

Art Nouveau Organic Vine

Art nouveau organic vine style.

#gradient #shadow

Canlı incele Text

Asphalt Grit

Asphalt gritty dark texture.

#gradient #filter

Canlı incele Text

Aurora Australis

Southern lights rippling in cool tones.

#animation #gradient #transform

Canlı incele Text

Aurora Borealis

Northern lights shimmering across text.

#animation #gradient #filter

Canlı incele Text

Aurora Glow

Soft shifting aurora borealis gradient glow.

#animation #gradient #shadow

Canlı incele Text

Bamboo Tall

Tall bamboo stalk on text.

#animation #gradient #transform

Canlı incele Text

Banner Scroll Parchment

Parchment scroll banner style.

#gradient #shadow

Canlı incele Text

Bark Rough

Tree bark texture with deep furrowed lines.

Canlı incele Text

Baroque Ornate

Ornate baroque gold on text.

#animation #gradient #shadow

Canlı incele Text

Basil Herb

Fresh basil herb on text.

#animation #gradient #shadow

Canlı incele Text

Bauhaus Block

Bauhaus primary color blocks on text.

#animation #gradient #transform

Canlı incele Text

Bauhaus Primary

Bauhaus primary-color blocks within text.

Canlı incele Text

Beam Spotlight

Vertical beam of light shining down on text.

#animation #gradient

Canlı incele Text

Bicolor Contrast

High contrast yellow and black bicolor.

Canlı incele Text

Bicolor Gradient

Smooth bicolor diagonal gradient.

Canlı incele Text

Bicolor Harmony

Harmonious analogous bicolor blend.

Canlı incele Text

Birch White

White birch bark on text.

#animation #gradient

Canlı incele Text

Black Hole Pull

Text being slowly sucked into a dark void center.

#animation #gradient #filter

Canlı incele Text

Blackberry Dark

Dark purple blackberry on text.

#animation #gradient #shadow

Canlı incele Text

Blueberry Blue

Deep blue blueberry on text.

#animation #gradient #shadow

Canlı incele Text

Blueprint Architect

Architect blueprint drawing.

Canlı incele Text

Bokeh Blur

Soft bokeh circles of light blurring behind text.

Canlı incele Text

Brass Polished

Polished brass gold metallic finish.

Canlı incele Text

Brick Mortar

Brick wall pattern text with mortar lines.

Canlı incele Text

Bronze Aged

Aged bronze with patina hints.

Canlı incele Text

Rising Bubbles

Animated bubbles rising through the text fill.

#animation #gradient

Canlı incele Text

Burlap Coarse

Coarse burlap fabric weave.

Canlı incele Text

Byzantine Mosaic

Byzantine gold mosaic on text.

#animation #gradient #filter

Canlı incele Text

Cadenza Solo

Virtuosic solo cadenza on text.

#animation #gradient #transform

Canlı incele Text

Candy Coated

Candy coated glossy shell.

#gradient #filter

Canlı incele Text

Canvas Rough

Rough canvas painter weave.

#gradient #filter

Canlı incele Text

Cardamom Pod

Green cardamom pod on text.

#animation #gradient #transform

Canlı incele Text

Cardboard Recycled

Recycled cardboard kraft paper.

#gradient #filter

Canlı incele Text

Carnival Mask

Mardi Gras carnival mask on text.

#animation #gradient #shadow

Canlı incele Text

Cassette Tape Roll

Rolling cassette tape spooling text.

#animation #gradient #shadow

Canlı incele Text

Castle Stone

Grey stone castle wall on text.

#animation #gradient #shadow

Canlı incele Text

Caustic Water

Water caustic light pattern.

Canlı incele Text

CD Shimmer

Iridescent CD surface shimmer on text.

#animation #gradient #transform

Canlı incele Text

Ceramic Glazed

Glazed ceramic glossy finish.

#gradient #filter

Canlı incele Text

Chateau French

French chateau elegance on text.

#animation #gradient #shadow

Canlı incele Text

Checker Board

Classic black-and-white checkerboard filling.

Canlı incele Text

Checker Diagonal

Diagonal checkerboard pattern.

Canlı incele Text

Chess Queen

Chess queen crown on text.

#animation #gradient #shadow

Canlı incele Text

Chevron Arrows

Bold chevron arrow stripes in two-tone.

Canlı incele Text

Chevron Nested

Nested chevron arrow pattern.

Canlı incele Text

Chorus Shimmer

Shimmering chorus effect on text.

#animation #gradient #shadow

Canlı incele Text

Chrome Metallic

Polished chrome metallic text with bright reflection and dark base.

#gradient #shadow #filter

Canlı incele Text

Chrome Mirror

Chrome mirror reflective finish.

Canlı incele Text

Chrysanthemum Burst

Bursting chrysanthemum petals on text.

#animation #gradient #transform

Canlı incele Text

Cinema Projector

Cinema projector beam glow.

#gradient #shadow #filter

Canlı incele Text

Cinema Spotlight

Cinema spotlight on text.

#animation #gradient #shadow

Canlı incele Text

Cinnamon Bark

Warm cinnamon bark on text.

#animation #gradient #filter

Canlı incele Text

Circuit Trace

Circuit board trace pattern.

Canlı incele Text

Circus Tent

Circus striped tent on text.

#animation #gradient #transform

Canlı incele Text

Clear Sky Blue

Crystal clear blue sky on text.

#animation #gradient #shadow

Canlı incele Text

Climb Mountain

Mountain climber ascending on text.

#animation #gradient #transform

Canlı incele Text

Cloud Cover Grey

Overcast grey cloud cover on text.

#animation #gradient #shadow

Canlı incele Text

Clouds Puffy

Puffy clouds scatter pattern.

Canlı incele Text

Cobalt Bright

Bright cobalt-blue text with a glossy highlight.

Canlı incele Text

Coliseum Roman

Roman coliseum arches on text.

#animation #gradient #filter

Canlı incele Text

Colonial Brick

Colonial red brick on text.

#animation #gradient #filter

Popüler etiketler

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