RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconMedia IconGit IconSpeaking IconTools Icon
A series of images of an avatar doing a bunch of skateboard tricks.
atom@argyleink
notecss

A gradient border image, transparent at the edges, looks like it thins out as it fades out.

.effect {
  border-image: 
    linear-gradient(
      transparent, 
      var(--indigo-6), 
      transparent
    ) 
    1 / 4px /* slice n' size */
  ;
}
example with the effect on inline bordersexample with the effect on block borders

Crawl the CSS Webring?

previous sitenext site
a random site