Transition CSS property to get bullet fire effect :P

dabblet.css

/**
* Transition CSS property to get bullet fire effect :P
**/

body{
	background-color: black;
}
.transition{
	position: relative;
	top: 50px;
	width: 100%;
	height: 2px;
	color: steelblue;
}
.transition:hover{
	background: -webkit-linear-gradient(left, transparent 20%, white 100%);
	transition: background 1s linear;
	background-size: 200% 100%;
}

dabblet.html

<div class="transition">Hover on me</div>

settings.json

{"view":"separate","fontsize":"60","seethrough":"","prefixfree":"1","page":"all"}