Blockquote Border Neon

Blockquote Border Neon

Blockquote is used for marking the article on the post. Blockquote can be modified in such a way. Kawaii blog tutorial this time, I'll post some blockquote border shadow so it looks like neon.

Live demo blockquote border neon

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
The code:

blockquote{width:450px;display:block;margin:1em 20px;padding:10px;-moz-box-shadow:-1px 2px 23px #fc0d9c;-webkit-box-shadow:-1px 2px 23px #fc0d9c;box-shadow:-1px 2px 23px #fc0d9c;color:cyan;font-size:12px;-moz-transition:all 1.0s ease-in-out;-o-transition:all 1.0s ease-in-out;-ms-transition:all 1.0s ease-in-out;transition:all 1.0s ease-in-out}blockquote:hover{box-shadow:inset 380px 0 0 #BE81F7,inset -380px 0 0 #be81f7;-moz-box-shadow:-1px 2px 23px #ecfc0d;-webkit-box-shadow:-1px 2px 23px #ecfc0d;box-shadow:-1px 2px 23px #ecfc0d;color:pink}

Make your own style. Enjoy!