Skip to content

Instantly share code, notes, and snippets.

@sudeepdk

sudeepdk/css_shape.html

Created December 8, 2016 05:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sudeepdk/d257deef6623f42d3a4c9939f25fdf47 to your computer and use it in GitHub Desktop.
Save sudeepdk/d257deef6623f42d3a4c9939f25fdf47 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
css_shape.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.shap:after {
content: "";
position: absolute;
bottom: 0;
/* left: 0; */
border-top: 30px solid #000;
/* border-left: 29px solid #eee; */
border-right: 30px solid #eee;
width: 42px;
height: 0;
right: 0;
}
.shap {
height: 300px;
width: 300px;
background-color: #000;
position: relative;
}
</style>
</head>
<body>
<div class="shap">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment