Box triangle with shadow box

dabblet.css

/**
 * Box triangle with shadow box
 */
 .ant-dropdown-placement-bottomLeft ul {
 	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
 	position: relative;
 	top: 20px;
 	left: 20px;
 	width: 100px
 }
.ant-dropdown-placement-bottomLeft ul:before, .ant-dropdown-placement-bottomLeft ul:after{
	content: "\25b2";
  	position: absolute;
  	color: #fff;
  	left: 5px;
  	text-shadow: 0 -3px 6px rgba(0, 0, 0, 0.5);
}

.ant-dropdown-placement-bottomLeft ul:before{

  top: -15px;
}
.ant-dropdown-placement-bottomLeft ul:after {
  bottom: -16px;
  transform: rotate(180deg);
}

dabblet.html

<div class="ant-dropdown-placement-bottomLeft" >
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}