penguin/AstroJS

botanjs/src/Astro/Blog/Components/Video.css

raw · 451 bytes

.v_wrapper {
	width: 640px;
	height: 390px;
}

.v_wrapper  > div{
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: black;
}

.v_wrapper  > div:hover {
	opacity: 0.2;
}

.v_wrapper > div > div {
	width: 0;
	height: 0;
	border-top: 3.5em solid transparent;
	border-bottom: 3.5em solid transparent;
	border-left: 5em solid white;
	
	position: absolute;
	
	left: 50%;
	top: 50%;
	margin-top: -3.5em;
	margin-left: -1.8em;
	
 }