CodePen Showcase

In this example below you will see how to do a CodePen Showcase with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by captnstarburst, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright captnstarburst ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>CodePen Showcase</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/captnstarburst/codepen-showcase-erzqWW */
body {
  background: #b5bdc8;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #b5bdc8 0%,
    #828c95 41%,
    #28343b 100%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #b5bdc8 0%,
    #828c95 41%,
    #28343b 100%
  );
  background: radial-gradient(
    ellipse at center,
    #b5bdc8 0%,
    #828c95 41%,
    #28343b 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr="#b5bdc8",
      endColorstr="#28343b",
      GradientType=1
    );
}


.profile-location{
  color: blue;
  text-shadow: 1px 0px 0px black;
}
.profile-bio{
  text-shadow: 2px 0px 0px black;
}

a{
  text-shadow: 2px 0px 0px black;
}
a:hover{
  text-decoration:underline;
}

Comments