image codes

pink lace border

border-width: 8px;
          border-style: solid;
          border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 8 fill round;

hot pink lace border

border-width: 8px;
          border-style: solid;
          border-image: url("https://i.ibb.co/h1Q3bFn/83-B27704-CEA1-4-B8-F-BF79-90-D624-EDC6-F6.png") 8 fill round;

blue lace border

border-width: 10px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/fp9ci4.png") 8 fill round;

red lace border

border-width: 7px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/wq0kei.png") 8 fill round;

white lace border 2

border-width: 7px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/xnxzti-1.png") 8 fill round;

black lace border

border-width: 6px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/488ipm.png") 6 fill round;

frame border

border: 1.5em solid;
          border-image-slice: 130 125 125 130;
          border-image-outset:0px 0px 0px 0px;
          border-image-repeat:stretch stretch;
          border-image-source:url("https://files.catbox.moe/16vx4u.png");

rainbow border

border: 3px solid;
          border-image-slice: 100%;
          border-image-source: none;
          border-image-slice: 1;
          border-image-source: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
          background-color: #CCC;

rainbow border 2

border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/47005893_hZuxRd1BAVVuLPW.png") 10 fill;

rainbow thing

filter: drop-shadow(-2px 2px 2px #FF0000) drop-shadow(-2px -5px 3px #FF7F00) drop-shadow(2px 5px 3px #FFFF00) drop-shadow(4px -3px 3px #00FF00) drop-shadow(-4px -3px 3px #0000FF) drop-shadow(4px 3px 5px #2E2B5F) drop-shadow(2px 3px 0px #8B00FF);

wonky border

border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
          border:3px solid black;

heart mask

-webkit-mask-image: url(https://i.imgur.com/bIX4M8u.png);
          -webkit-mask-size: contain;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-position: center;

hue shift on hover

#hue {
          transition: .7s ease;
          }
          #hue:hover {
          filter: hue-rotate(100deg);
          }

frame border 2

border-width:5px; 
          border-style:solid;
          border-image: url("https://i.ibb.co/LYSfp26/C9487459-587-E-4-EDC-89-C1-2-B2-F0804-F5-A7.png") 35 fill round;

3d effect

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
          -webkit-fil drop-shadow(0px 0px 3px #424242);

image glow/shadow

border-width:5px; 
          filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 2px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(0 1px 1.5px black) drop-shadow(0 -1px 1.5px black) drop-shadow(1px -1px 1.5px black) drop-shadow(-1px -1px 1.5px black);

quote box

put an inspirational quote here if you want

border: 3px #616161 solid;
          border-width: 0 3px 0 3px;
          border-radius:10px;
          padding: 0px 4px 0px 4px;
          width:150px;
          height:60px;
          overflow-y:auto;

blurry border

yada yada yada yada

width:150px;
          height:150px;
          overflow-y:auto;
          box-sizing: border-box;
          margin-bottom:10px;
          border:3px solid lightblue;
          background:lightblue;
          border-radius:10px;
          box-shadow: 0px 0px 10px lightblue, 0px 0px 10px lightblue, 0px 0px 10px lightblue, 0px 0px 10px lightblue, 0px 0px 14px lightblue;