LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
function somethingSimple() {
  // goes here
  // no goes here
}
function somethingFancier() {
  /* goes here
     and here
     and here */ 
  // no goes here
}
CSS
body {
  padding: 1em;
}

.multiline-strike strike {
  text-decoration: none;
  background-image: -webkit-linear-gradient(transparent 7px,#cc1f1f 7px,#cc1f1f 9px,transparent 9px);
  background-image:    -moz-linear-gradient(transparent 7px,#cc1f1f 7px,#cc1f1f 9px,transparent 9px);
  background-image:     -ms-linear-gradient(transparent 7px,#cc1f1f 7px,#cc1f1f 9px,transparent 9px);
  background-image:      -o-linear-gradient(transparent 7px,#cc1f1f 7px,#cc1f1f 9px,transparent 9px);
  background-image:         linear-gradient(transparent 7px,#cc1f1f 7px,#cc1f1f 9px,transparent 9px);
}
JS
window.prettyPrint && prettyPrint();

Description

Traditional text-decoration: line-through was too thin for me. I needed it bolder! Unfortunately, there's no way to target the line-through thickness specifically. There's been suggestions of using the strike::after pseudo element and adding a border stroke -- but it only deals with one line. It falls apart with multiple lines. Solution: CSS gradients to the rescue!
Term
Sun, 12/24/2017 - 19:10

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv