Shaft Minute Timer
A ticking CSS clock face sits beside a rail that dials the countdown in five minute steps.
Raw brutalist panel with a four pixel ink frame, hard offset shadow and a flashing status tag.
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
HTML, CSS, React çıktısı, kopyalama ve tarayıcı editörü giriş yaptıktan sonra açılır.
Bu efektte bir sorun mu var, yoksa daha iyisini mi yazdın? Düzeltme gönder — onaylanırsa puan kazanırsın.
Sorun bildir veya düzeltBu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
<style> etiketine ekle.Kaydırıcılar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Kaydırıcılar koleksiyonuna göz at.
A ticking CSS clock face sits beside a rail that dials the countdown in five minute steps.
Three cut notches score the grip while slanted rain streaks drift across the rail.
The rail is a chain of alternating arcs forming a sine wave that keeps drifting sideways.
A warm film light leak keeps sweeping over the panel in screen blend while the knob glows.
A single ember keeps running along a dotted fuse line that sits under the thin amber rail.
Four point sparkles twinkle out of turn around a violet rail set on a deep night plate.
A round instrument bezel with a slowly turning dashed ring around the inner rail.
Fat ink outlines, flat candy fills and a speech bubble tag give a comic panel feel.