ブックマーク / wweb.dev (2)

  • Pure CSS Loader Generator

    Copy Code.loader { width: 50px; aspect-ratio: 1; border-radius: 50%; padding: 1px; background: conic-gradient(#0000, #1E4D92) content-box; mask: repeating-conic-gradient( #0000 0deg, #000 1deg calc(360deg/10 - 10deg - 1deg), #0000 calc(360deg/10 - 10deg) calc(360deg/10) ), radial-gradient( farthest-side, #0000 calc(98% - 10px), #000 calc(100% - 10px) ); mask-composite: intersect; -webkit-mask-comp

    Pure CSS Loader Generator
    stakaya
    stakaya 2023/03/26
    css でローディングアニメーションを作成するサービス
  • CSS Section Separator Generator

    CSS section divider descriptionWith this CSS Section Separator Generator, you can choose between 6 different dividers. Each of them can be customized by using the controls in the preview field. The tool includes a skewed divider, a semi-circle divider, a wave divider, a spikes divider, a triangle divider and a curved divider. Most of these dividers are pure CSS and using the ::before and ::after p

    CSS Section Separator Generator
    stakaya
    stakaya 2021/09/19
    cssで背景を区切り線をつける
  • 1