search

the-nerve / nerve.web.next

Next-gen web application for The Nerve Theatre in Chicago
https://nerve-web.vercel.app
GNU General Public License v3.0
1 stars 0 forks source link

[DS] Build Card component #33

Open codingwithchris opened 1 year ago

codingwithchris commented 1 year ago

Example of grayscale gradient border:

Image

.nextjs_card__67DCn:before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: radial-gradient(75% 75% at 25% 15%,#fff 0,hsla(0,0%,100%,.3) 100%);
    -webkit-mask: linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
    mask: linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .5;
    pointer-events: none;
}