blood dripping from screen (FIXED)

1 month ago - by steph stabwound (|\\\|) - Backgrounds & Overlays - used 68 times

a bunch of combined gifs of blood dripping. some code borrowed from the clickable gif at corner of screen profile element :)

CSS Code

Copy this and paste it at the bottom of the Advanced CSS tab in your layout editor, then save. Leave the Visual Builder's existing CSS in place - add this under it, don't replace it.

</style><div style="
  /* === CUSTOMIZE YOUR LABELS HERE === */
  --image-width: 400px;       
  --image-height: 800px;
  --position-right: 0px;    
  --position-bottom: 50px;   
  --layer-depth: 200;
  --float-direction: none; 
  pointer-events: none;
  /* === DO NOT CHANGE BELOW THIS LINE === */
  float: var(--float-direction); 
  max-width: var(--image-width); 
  height: var(--image-height); 
  position: fixed; 
  right: var(--position-right); 
  bottom: var(--position-bottom); 
  z-index: var(--layer-depth);
">
  
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FjZ9JV2Tm%2Fezgif-7a134f2f3f06bbf4.gif" alt="NAME">
  <div style="
  /* === CUSTOMIZE YOUR LABELS HERE === */
  --image-width: 400px;       
  --image-height: 800px;
  --position-right: 400px;    
  --position-bottom: 50px;   
  --layer-depth: 200;
  --float-direction: none;
              pointer-events: none;
          
  
  /* === DO NOT CHANGE BELOW THIS LINE === */
  float: var(--float-direction); 
  max-width: var(--image-width); 
  height: var(--image-height); 
  position: fixed; 
  right: var(--position-right); 
  bottom: var(--position-bottom); 
  z-index: var(--layer-depth);
">
  
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FjZ9JV2Tm%2Fezgif-7a134f2f3f06bbf4.gif" alt="NAME">
  
</div>
<div style="
  /* === CUSTOMIZE YOUR LABELS HERE === */
  --image-width: 400px;       
  --image-height: 800px;
  --position-right: 800px;    
  --position-bottom: 50px;   
  --layer-depth: 200;
  --float-direction: none; 
            pointer-events: none;
  
  /* === DO NOT CHANGE BELOW THIS LINE === */
  float: var(--float-direction); 
  max-width: var(--image-width); 
  height: var(--image-height); 
  position: fixed; 
  right: var(--position-right); 
  bottom: var(--position-bottom); 
  z-index: var(--layer-depth);
">
  
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FjZ9JV2Tm%2Fezgif-7a134f2f3f06bbf4.gif" alt="NAME">
  
</div>
<div style="
  /* === CUSTOMIZE YOUR LABELS HERE === */
  --image-width: 400px;       
  --image-height: 800px;
  --position-right: 1200px;    
  --position-bottom: 50px;   
  --layer-depth: 200;
  --float-direction: none; 
            pointer-events: none;
  
  /* === DO NOT CHANGE BELOW THIS LINE === */
  float: var(--float-direction); 
  max-width: var(--image-width); 
  height: var(--image-height); 
  position: fixed; 
  right: var(--position-right); 
  bottom: var(--position-bottom); 
  z-index: var(--layer-depth);
           
">
  
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.ibb.co%2FjZ9JV2Tm%2Fezgif-7a134f2f3f06bbf4.gif" alt="NAME">

</div>
  </div><style>

How to use: copy the CSS above → open your layout editor → switch to the Advanced CSS tab → paste at the bottom (keep the Visual Builder CSS above it) → save → refresh your profile. If the element also has HTML, paste that into About Me or at the bottom of Advanced CSS after the CSS. Elements stack - you can combine as many as you like. New to CSS? Read the Custom Code Tutorial.

More in Backgrounds & Overlays

« Back to Backgrounds & Overlays | « All Profile Elements