style.module.css 1.1 KB

1234567891011121314151617181920212223
  1. .gradientBorder {
  2. background: radial-gradient(circle at 100% 100%, #fcfcfd 0, #fcfcfd 10px, transparent 10px) 0% 0%/12px 12px no-repeat,
  3. radial-gradient(circle at 0 100%, #fcfcfd 0, #fcfcfd 10px, transparent 10px) 100% 0%/12px 12px no-repeat,
  4. radial-gradient(circle at 100% 0, #fcfcfd 0, #fcfcfd 10px, transparent 10px) 0% 100%/12px 12px no-repeat,
  5. radial-gradient(circle at 0 0, #fcfcfd 0, #fcfcfd 10px, transparent 10px) 100% 100%/12px 12px no-repeat,
  6. linear-gradient(#fcfcfd, #fcfcfd) 50% 50%/calc(100% - 4px) calc(100% - 24px) no-repeat,
  7. linear-gradient(#fcfcfd, #fcfcfd) 50% 50%/calc(100% - 24px) calc(100% - 4px) no-repeat,
  8. radial-gradient(at 100% 100%, rgba(45,13,238,0.8) 0%, transparent 70%),
  9. radial-gradient(at 100% 0%, rgba(45,13,238,0.8) 0%, transparent 70%),
  10. radial-gradient(at 0% 0%, rgba(42,135,245,0.8) 0%, transparent 70%),
  11. radial-gradient(at 0% 100%, rgba(42,135,245,0.8) 0%, transparent 70%);
  12. border-radius: 12px;
  13. padding: 2px;
  14. box-sizing: border-box;
  15. }
  16. .optionWrap {
  17. display: none;
  18. }
  19. .boxHeader:hover .optionWrap {
  20. display: flex;
  21. }