HTML
<div class="shadowblgo"> text here</div>
CSS
/***Start---shadow blue gold grey inset----------------------------start*/
.shadowblgo {box-shadow: inset 0px 0px 100px gold; width: 700px; border: 8px inset #3333ff; border-radius: 10px; margin: 10px; padding: 12px;
animation: shadowblgo 8s ease-in-out infinite;
animation-play-state: paused;
transition: width 3s;
-webkit-transition: width 3s;
-moz-transition: width 3s;
-ms-transition: width 3s;
-o-transition: width 3s;}
@keyframes shadowblgo {
0% {background: #fff6d1;}
5% {background: #fff6d1;}
50% {background: #f2e4a4;}
95% {background: #fff6d1;}
100% {background: #fff6d1;}}
.shadowblgo:hover {animation-play-state: running; box-shadow: inset 0px 0px 20px rgba(230, 195, 0,.8);}
.shadowblgo h10 {font-size: 200%; text-shadow: 2px 2px 1px black, -2px -2px 1px white; font-weight: 800; color: yellow;}
/***End-----shadow blue gold grey inset----------------------------end*/
