Canlı incele İpuçları
#hover CSS efektleri
"hover" etiketiyle eşleşen 3.025 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Pop Scale Tooltip
The bubble springs open from the trigger with a slight overshoot before settling.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Silver Metallic
Silver metallic tooltip with subtle gradient above the trigger.
Canlı incele İpuçları
Canlı incele İpuçları
Slide Diagonal Bottom-Left
Tooltip slides in from the bottom-left corner of the trigger.
Canlı incele İpuçları
Canlı incele İpuçları
Spotlight Radial
Tooltip with a radial spotlight gradient highlighting its center.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Tada Success
Success tooltip celebrates with a tada animation above the trigger.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele Zaman Çizelgeleri
Drift Eras Timeline
Blunt outlined blocks hold each century over an oversized ghost numeral and shift on hover.
Canlı incele Zaman Çizelgeleri
Hush Lifeline Timeline
Life events written in a quiet hand, each pinned by a slightly uneven ink ring on the margin.
Canlı incele Zaman Çizelgeleri
Lull Retro Timeline
Taped paper notes from three quiet weeks lean at odd angles and straighten under the cursor.
Canlı incele Akordeonlar
Lever Commands Accordion
A command cheat sheet whose lever arm tilts over as the monospace rows appear.
Canlı incele Akordeonlar
Marble Card Accordion
Card shaped rows that lift on hover and let the description rise into place.
Canlı incele Uyarılar
Mica Quiet Alert
A quiet one line notice whose timestamp slides open only while it is hovered.
Canlı incele Uyarılar
Reef Expand Alert
A compact warning that grows taller on hover to reveal the exact usage numbers.
Canlı incele Avatarlar
Anvil Quadrant Completion Meter
Four border arcs form the completion ring and the last quadrant lights up on hover.
Canlı incele Avatarlar
Aurora Banner Profile Card
A rectangular profile card whose aurora banner drifts behind the overlapping avatar.
Canlı incele Avatarlar
Basalt Overflow Counter Avatars
Three rounded-square members plus a counter chip that widens on hover.
Canlı incele Avatarlar
Bloom Expanding Capsule Avatar
The circular capsule stretches into a full name plate as the pointer enters it.
Canlı incele Avatarlar
Canyon Member Row
A directory list row where an accent bar grows and the chevron slides on hover.
Canlı incele Avatarlar
Cascade Before After Avatars
A placeholder avatar and its finished version stand side by side with an arrow.
Canlı incele Avatarlar
Chalk Split Dual Ring Avatar
A two-tone ring cut cleanly in half spins a half turn when hovered.
Canlı incele Avatarlar
Chassis Muted Microphone Avatar
A drawn microphone badge carries a slash that retracts on hover as the state flips to live.
Canlı incele Avatarlar
Dash Follower Stat Trio
Followers, posts and likes sit under the avatar in three separately hoverable cells.
Canlı incele Avatarlar
Drift Comment Thread Row
A comment line led by a small avatar whose reply tools unfold only on hover.
Canlı incele Avatarlar
Dune Completion Ring Avatar
An SVG progress ring reports profile completion and refills when hovered.
Canlı incele Avatarlar
Echo Overlapping Initials Plate
Two translucent letters overlap in screen blend and drift apart when hovered.
Canlı incele Avatarlar
Fjord Ghost Monogram
An oversized ghost letter sits behind the monogram and slides away on hover.
Canlı incele Avatarlar
Flux Hover Action Overlay
Three drawn action buttons rise over the blurred portrait while it is hovered.
Canlı incele Avatarlar
Forge Expanding Footer Card
A vertical member card whose hidden action row unfolds with an animated grid row.
Canlı incele Avatarlar
Frost Double Ring Avatar
Two concentric rings hold the initials and the outer halo widens on hover.
Canlı incele Avatarlar
Gasket Member Mosaic Wall
A twelve tile member wall dims as a whole so the hovered tile lifts out of the grid.
Canlı incele Avatarlar
Granite Zoom Reveal Avatar
The drawn portrait zooms inside its mask while a caption slides up over it.
Canlı incele Avatarlar
Hush Double Offset Shadow Tile
Two hard offset shadow layers stack behind the tile and collapse under the pointer.
Canlı incele Avatarlar
Jade Hover Profile Card
Hovering the avatar slides a compact name and role card out beside it.
Canlı incele Avatarlar
Kiln Folded Corner Member Panel
A wide member panel with a clipped folded corner, a divider and a shift counter.
Canlı incele Avatarlar
Kindle Inverted Contrast Row
A near white avatar on the dark bench swaps its contrast with the card on hover.
Canlı incele Avatarlar
Lever Overflow Count Overlay
A translucent counter layer covers the whole avatar and lifts away when hovered.
Canlı incele Avatarlar
Mesa Letter To Icon Avatar
The monogram swaps for a drawn plus glyph so the tile doubles as an add action.
Canlı incele Avatarlar
Nickel Flip Card Avatar
The avatar flips on its vertical axis to reveal the member role on the back.
Canlı incele Avatarlar
Onyx Hexagon Avatar
A clip-path hexagon frame wraps a smaller hexagon holding the initials.
Canlı incele Avatarlar
Prairie Vertical Member Column
Three members stacked in a column threaded by a single vertical guide line.
Canlı incele Avatarlar
Ratchet Open Seat Invite Slot
Two seated members sit next to a dashed empty seat whose plus turns when hovered.
Canlı incele Avatarlar
Ridge Layered Depth Avatar
Two tilted plates stack behind the avatar and fan wider when it is hovered.
Canlı incele Avatarlar
Ruby Inset Well Avatar
The portrait sinks into an embossed plate carved out with inner shadows.
Canlı incele Avatarlar
Shaft Split Disc Duo Avatar
One disc is cut into two clipped halves so a shared project reads as a single mark.
Canlı incele Avatarlar
Socket Country Corner Avatar
A tilted tricolour chip marks the country corner and straightens when hovered.
Canlı incele Avatarlar
Spiral Padding Ring Avatar
The gap around the portrait is pure padding, so hovering can widen the whole ring.
Canlı incele Avatarlar
Thicket Paired Match Avatars
Two avatars lean apart until hover pulls them together over a beating link node.
Canlı incele Avatarlar
Tide Thin Thick Ring Swap
A hairline ring and a heavy ring trade their weights when the avatar is hovered.
Canlı incele Avatarlar
Valve Team Colour Band Avatars
Each tile carries a team coloured band along its base that grows taller on hover.
Canlı incele Avatarlar
Verge Circle In Square Mask
A circular clip inside a square plate widens on hover until it fills the corners.
Canlı incele Avatarlar
Wander Skill Chip Avatar
Skill chips beside the avatar rise one after another when the row is hovered.
Canlı incele Avatarlar
Wisp Short Biography Card
A compact card pairing the avatar with a single biography line and an accent edge.
Canlı incele Avatarlar
Zenith Numbered Rank List
An ordered podium list where the first three places carry their own metal ring.
Canlı incele Rozetler
Canlı incele Rozetler
Corner Ribbon Badge
A diagonal ribbon pinned across the top-right corner of a container.
Canlı incele Rozetler
Rubber Stamp Badge
A tilted double-ruled stamp with worn edges that presses down when hovered.
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar
Canlı incele Butonlar