# hover CSS efektleri

Action Button Dropdown

Primary action button with dropdown menu of secondary actions.

Avatar Dropdown

User dropdown with avatar and profile menu.

Card Style Dropdown

Dropdown styled as elevated card with shadow.

Clean Dropdown

Modern clean dropdown with custom arrow and subtle focus state.

Color Picker Dropdown

Dropdown with color swatches as options.

Context Menu Dropdown

Right-click context menu style with action items.

Dark Dropdown

Dark themed dropdown with elevated focus state.

Date Range Dropdown

Date range picker dropdown with quick preset options.

Emoji Picker Dropdown

Dropdown with emoji reactions as options.

Fluent Dropdown

Microsoft Fluent design dropdown with subtle motion.

Light Dropdown

Light theme dropdown with clean white background.

Menu Dropdown

Context menu dropdown with icon options.

Modern Dropdown

Sleek modern dropdown with elevation and accent color.

Multi-Select Chip Dropdown

Multi-select dropdown with chips for selected items.

Outline Dropdown

Outline style dropdown with no fill background.

Pill Group Dropdown

Group of pill dropdowns for filter selection.

Popup Style Dropdown

Dropdown that opens a popup panel with detailed options.

Rounded Dropdown

Pill-shaped dropdown with extra rounded corners.

Shadow Lift Dropdown

Dropdown that lifts with shadow on hover/focus.

Square Dropdown

Sharp-cornered dropdown with minimal aesthetic.

Tags Input Dropdown

Dropdown with tag input for adding multiple values.

Tree Dropdown

Hierarchical tree dropdown for nested option selection.

Chip Style Input

Input displayed as a removable chip.

Coupon Code Input

Coupon code input with apply button.

CVC Input

CVC security code input with lock icon.

File Upload Input

Custom styled file upload input with icon.

File Drop Zone Input

Drag-and-drop file upload zone with dashed border.

Number Input

Number input with custom styled steppers.

Number Stepper Input

Number input with custom increment/decrement buttons.

Password Input with Eye Toggle

Password input with CSS-only eye icon that reveals via :focus.

QR Code Input

Input with QR code scan icon and dotted border.

Range Slider Input

Range slider with custom styled thumb and track.

Search Input with Clear Button

Search input that shows a clear (×) button when typed.

Tag Input Field

Input that displays tags as removable chips.

Coupon Code Input

Coupon code input with apply button and dashed border.

Gift Card Input

Gift card code input with gift icon and reveal toggle.

Loyalty Points Input

Loyalty points input with balance display and redeem button.

#hover #gradient #shadow

Quantity Stepper Input

Quantity stepper with minus/plus buttons and current count.

Shipping Method Selector

Shipping method radio cards with delivery time and cost.

Subscription Plan Input

Subscription plan selector with monthly/annual toggle.

Tip Selector Input

Tip percentage selector with preset buttons and custom input.

Arrow Radio

Radio with arrow indicator that appears next to selected option.

Button Group Radio

Radio styled as connected buttons in a toolbar group.

Chip Radio

Chip-style radio with subtle background fill when selected.

Circle Fill Radio

Classic radio with a centered dot that fills smoothly when selected.

Dot Indicator Radio

Minimal radio with leading dot indicator that lights up.

Emoji Radio

Radio with emoji reaction faces for satisfaction feedback.

Fade Radio

Radio with smooth opacity fade on selection state.

Flat Radio

Minimal flat radio with subtle accent dot when selected.

Grid Radio

Radio options arranged in a 3-column grid for compact selection.

#hover #animation #transform

Heart Radio

Radio styled as heart icon with bounce animation.

Magnetic Radio

Radio options that subtly attract when hovered and snap on select.

Pill Radio Group

Horizontal pill radio options with smooth fill animation on selection.

Pills Row Radio

Pill-shaped radio row with smooth fill on selection.

Scale Radio

Selected radio option scales up its label text slightly.

Segmented Radio

Segmented control radio with smooth sliding background indicator.

Star Rating Radio

Radio styled as star rating with hover glow.

#hover #transform #filter

Thumbs Radio

Thumbs up/down radio feedback with smooth transition.

Underline Radio

Radio option with sliding underline indicator on selection.

Search with Submit Button

Search bar with a submit button attached.

Search Bar with Clear

Search bar with a clear (×) button that appears when typing.

#hover #animation #transform

Mic Search Bar

Search bar with a pulsing mic button on the right.

Pill Search Bar

Pink-accented pill-shaped search bar.

Voice Search Bar

Search bar with a microphone icon for voice input.

Modern Slider

Sleek modern slider with subtle shadow and rounded edges.

Rounded Slider

Range slider with rounded track and large rounded thumb.

Custom Thumb Slider

Range slider with a custom-styled large thumb.

Hover Lift Input

Input that lifts slightly with shadow on hover.

Grouped Switch

Switch group with section header for settings panel.

Stacked Switches

Vertically stacked switches for a settings list.

3D Page Turn

Page-turn 3D effect on hover.

3D Zoom Flip

3D combined zoom and flip on hover.

3D Zoom Tilt Pop

3D pop with tilt and zoom on hover.

Acid Green Tint

Acid green tint pulses through on hover.

#hover #shadow

#hover #transform #filter

Afterimage Trail

Multiple ghost copies trail behind the label as it slides on hover.

Ambient Glow Fill

Ambient glow fills the surface on hover.

#hover #gradient

Aperture Iris Close

A dark circular iris contracts over the panel like a camera aperture closing on hover.

#gradient #hover #border

Aperture Iris Open

Camera aperture opens to reveal on hover.

#hover #gradient

Arrow Nudge

Link text with an arrow icon that nudges to the right on hover.

Aura Radiate

Soft aura radiates outward on hover.

#hover #shadow

Backlit Silhouette

Strong backlight silhouettes the element on hover.

#hover #gradient #filter

Backspin

Element backspins on hover.

Barn Door Close

Two-panel barn door closes on hover.

Barn Door Horizontal

Horizontal barn doors open on hover.

Barn Door Open

Two panels split apart like barn doors on hover.

Barn Door Vertical

Vertical barn doors open on hover.

Beam Sweep

Vertical light beam sweeps across on hover.

#hover #animation #transform

Beat Heart

Heartbeat double-thump on hover.

BG Aurora Drift

Aurora-like waves drift on hover.

BG Blur Overlay

Blurred overlay covers background on hover.

#hover #gradient #filter

BG Circuit Trace

Circuit lines trace on background on hover.

BG Color Cycle

Background cycles through colors on hover.

#hover #animation

BG Confetti Fall

Confetti pattern falls on background on hover.

BG Gradient Rotate

Background gradient rotates on hover.

BG Grid Scroll

Grid pattern scrolls on hover.