LibraryCSS — 10.238 Ücretsiz Saf CSS Efekti

LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Stok: 10.238
Kategori: 22
Biçim: saf CSS
Bağımlılık: yok

Öne çıkanlar

Kütüphanede en çok incelenen efektler.

Church Togglecheck-church

Abalone Shellbtn-abalone

Bronze Achievement Cardcard-achievement-bronze

Power On Togglecheck-power

Deep Abyssbg-abyss-deep

De Stijl Mondrianbg-de-stijl-mondrian

Butonlar

Tıklanabilir, animasyonlu saf CSS buton efektleri.

860 efektin tümü

Abalone Shellbtn-abalone

Alpine Peakbtn-alpine

Birch Trunkbtn-birch

Aurora Borealisbtn-aurora-borealis

Blade Slash Buttonbtn-blade

3D Push Buttonbtn-3d-push

Kartlar

İçerik kartları, hover ve derinlik efektleriyle.

860 efektin tümü

Bronze Achievement Cardcard-achievement-bronze

Alarm Cardcard-alarm

Character Sheet Cardcard-character-sheet

Archer Cardcard-archer

Beer Flight Cardcard-beer-flight

Beer Pair Tips Cardcard-beer-pair-tips

Yükleyiciler

Spinner, iskelet ve ilerleme animasyonları.

859 efektin tümü

Baguette Sliceloader-baguette-slice

Wormhole Tunnelloader-wormhole-tunnel

7 Segment Displayloader-7-segment

Billiards Cueloader-billiards-cue

Actuatorloader-actuator

Arcade Cabinetloader-arcade-cabinet

Metin

Yazı animasyonları, gradyan ve glitch metin efektleri.

860 efektin tümü

Bicolor Gradienttext-bicolor-gradient

Chess Knighttext-chess-knight

Fade Depthtext-fade-depth

Magenta Poptext-magenta-pop

Bevel Shinetext-shine-bevel

Ballet Gracetext-ballet-grace

Arka Planlar

Tam ekran gradyan, desen ve animasyonlu arka planlar.

860 efektin tümü

Deep Abyssbg-abyss-deep

De Stijl Mondrianbg-de-stijl-mondrian

Aurora Curtainbg-aurora-curtain

Brown Noisebg-brown-noise-warm

Cassette Rewindbg-cassette-rewind

Abalone Nacrebg-abalone-shell-nacre

Onay Kutuları

Özelleştirilmiş checkbox ve radio bileşenleri.

900 efektin tümü

Church Togglecheck-church

Power On Togglecheck-power

Laptop Work Togglecheck-laptop

Apartment Togglecheck-apartment

Battery Charge Togglecheck-battery

Circle Stroke Drawcheck-circle-draw

Anahtarlar

Switch ve toggle bileşenleri, yumuşak geçişlerle.

860 efektin tümü

Active / Inactivetoggle-active-inactive

Frozen / Meltedtoggle-frozen-melted

Hot / Coldtoggle-hot-cold

Arrow / Dotstoggle-arrow-dots

Awake / Tiredtoggle-awake-tired

Bit Fliptoggle-bit-flip

Hover

İmleç etkileşimiyle tetiklenen mikro animasyonlar.

860 efektin tümü

3D Parallax Tilthover-3d-parallax

Orbit Spiralhover-orbit-spiral

3D Tilt Followhover-3d-tilt-follow

Quiver Hardhover-quiver-hard

Aperture Iris Closehover-aperture-iris

Blink Swaphover-blink

Rozetler

Durum etiketleri, nişanlar ve bildirim rozetleri.

610 efektin tümü

Action Copy Badgebadge-action-copy

Solid Teal Pillbadge-color-teal

Ripple Badgebadge-anim-ripple

Doc Excel Badgebadge-doc-excel

Gold Medal Achievementbadge-achievement-gold-medal

Trophy Achievementbadge-achievement-trophy

Formlar

Giriş alanları, form düzenleri ve odak durumları.

537 efektin tümü

Blur Background Inputform-bg-blur

Midnight Background Inputform-bg-midnight

Bottom Only Border Inputform-border-bottom

Bounce Arrow Dropdownform-dropdown-bounce

Frosted Glass Inputform-bg-frosted

Glassmorphism Inputform-bg-glass

Navigasyon

Menü çubukları, sekmeler ve gezinme bileşenleri.

562 efektin tümü

Floating Bottom Navnav-bottomnav-floating

Horizontal Bottom Dot Navnav-dotnav-horizontal-bottom

Neon Active Drawer Navbarnav-drawer-neon-active

Arrow Curve Bend Navbarnav-arrow-curve-bend

Float Rise Navbarnav-float-rise

Arrow Hexagon Shape Navbarnav-arrow-hexagon-shape

İpuçları

Balon ipuçları, açılır bilgi kutuları ve oklar.

610 efektin tümü

3D Fold Origamitip-3d-fold-origami

3D Cube Spintip-3d-cube-spin

Square Arrow Lefttip-arrow-square-left

Chevron Arrowtip-arrow-chevron

Curve Arrow Toptip-arrow-curve-top

Charcoal Noirtip-charcoal-noir

Akordeonlar

Açılır kapanır paneller, SSS listeleri ve katlanan içerik.

100 efektin tümü

Drift Blind Accordionacc-drift-blind

Shaft Params Accordionacc-shaft-params

Amber Edge Accordionacc-amber-edge

Anvil History Accordionacc-anvil-history

Arc Vapor Accordionacc-arc-vapor

Aurora Stagger Accordionacc-aurora-stagger

Uyarılar

Bildirim kutuları, durum mesajları ve bildirim şeritleri.

100 efektin tümü

Arc Undo Alertalert-arc-undo

Topaz Action Alertalert-topaz-action

Amber Dismiss Alertalert-amber-dismiss

Anvil Comment Alertalert-anvil-comment

Aurora List Alertalert-aurora-list

Basalt Stack Alertalert-basalt-stack

Avatarlar

Profil resmi çerçeveleri, durum noktaları ve avatar yığınları.

100 efektin tümü

Amber Stacked Avatar Groupava-amber-stack

Dynamo Drawn Monogram Plateava-dynamo-scribe

Vault Selectable Avatar Gridava-vault-choice

Anvil Quadrant Completion Meterava-anvil-meter

Arc Dotted Frame Avatarava-arc-dots

Aurora Banner Profile Cardava-aurora-card

Modallar

Saf CSS ile açılan diyalog pencereleri ve alt sayfalar.

100 efektin tümü

Amber Alert Modalmodal-amber-alert

Anvil Reconnect Modalmodal-anvil-reconnect

Arc Reward Modalmodal-arc-reward

Aurora Consent Modalmodal-aurora-consent

Basalt Corner Modalmodal-basalt-corner

Bearing Timezone Modalmodal-bearing-timezone

İlerleme

İlerleme çubukları, halkalar ve yüzde göstergeleri.

100 efektin tümü

Amber Sheen Progressprog-amber-sheen

Anvil Stroke Progressprog-anvil-stroke

Bearing Heat Progressprog-bearing-heat

Blush Bloom Progressprog-blush-bloom

Coral Comet Progressprog-coral-comet

Organza Sway Progressprog-organza-sway

Kaydırıcılar

Range girdisi tasarımları, ray ve tutamak stilleri.

100 efektin tümü

Anvil Type Sizerange-anvil-typesize

Caliper Brake Biasrange-caliper-brake

Cove Circular Framerange-cove-circle

Valve Thermostat Leverrange-valve-thermostat

Amber Glow Sliderrange-amber-glow

Arc Memphis Sliderrange-arc-memphis

Sekmeler

Radyo düğmesiyle çalışan sekme panelleri ve segment kontrolleri.

100 efektin tümü

Aurora Bottom Dock Tabstab-aurora-dock

Lattice Unit Tabstab-lattice-units

Marble Topline Tabstab-marble-topline

Mica Hairline Tabstab-mica-thin

Savanna Divided Tabstab-savanna-divider

Amber Segment Controltab-amber-segment

Tablolar

Veri tabloları, satır vurguları ve yapışkan başlıklar.

100 efektin tümü

Lagoon Empty Statetbl-lagoon-empty

Amber Compact Rowstbl-amber-compact

Anvil Error Rankingtbl-anvil-errors

Arc Fixture Revealtbl-arc-fixture

Aurora Schedule Gridtbl-aurora-schedule

Basalt Airy Rowstbl-basalt-airy

Zaman Çizelgeleri

Dikey ve yatay zaman akışları, adım işaretleri.

100 efektin tümü

Conduit Deploy Stagestl-conduit-deploy

Granite Branch Timelinetl-granite-branch

Mica Growing Timelinetl-mica-grow

Amber Pulse Timelinetl-amber-pulse

Anvil Event Logtl-anvil-log

Arc Filmstrip Timelinetl-arc-filmstrip

Kayan Yazılar

Sonsuz kayan şeritler, logo bantları ve haber akışları.

100 efektin tümü

Amber Hover Holdmq-amber-hoverhold

Drift Quote Pairmq-drift-quotepair

Obsidian Credits Rollmq-obsidian-credits

Vault Scale Breathmq-vault-scalebreath

Anvil Radar Contactsmq-anvil-radar

Arc Fade Wavemq-arc-fadewave

Sıkça sorulan sorular

Efektler gerçekten ücretsiz mi?: Evet. Kütüphanedeki tüm CSS efektleri ücretsizdir; kişisel ve ticari projelerde kullanabilirsin. Site giderleri reklamlarla karşılanır.
Neden üye olmam gerekiyor?: Önizlemeleri ve kodun bir bölümünü üye olmadan da görebilirsin. Tam kaynağı görmek, kopyalamak ve tarayıcı içi editörü kullanmak için ücretsiz üyelik gerekir.
Efektleri kullanmak için kütüphane kurmam gerekir mi?: Hayır. Tüm efektler saf CSS ile yazılmıştır; derleme adımı, JavaScript kütüphanesi veya bağımlılık gerektirmez. HTML ve CSS parçasını kopyalaman yeterli.
Efektleri kendi tasarımıma göre değiştirebilir miyim?: Evet. Her efekt sayfasındaki editörde renkleri, süreleri ve boyutları değiştirip sonucu anında görebilir, düzenlenmiş kodun tamamını tek tıkla kopyalayabilirsin.