Skip to content
This repository was archived by the owner on Dec 7, 2024. It is now read-only.

[DS] Build Card component #33

Open
codingwithchris opened this issue May 27, 2023 · 1 comment
Open

[DS] Build Card component #33

codingwithchris opened this issue May 27, 2023 · 1 comment
Labels

Comments

@codingwithchris
Copy link
Contributor

No description provided.

@codingwithchris
Copy link
Contributor Author

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;
}

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

1 participant