Board Thread:Support Requests - Designing Your Wikia/@comment-28840529-20160911233250

I found a piece of code that turns a user's avatar around 360 degrees, and then makes it a circle, and undoes all of it when you take your mouse off of it. I want to turn that code into code that will automatically turn the avatars into a circle without having the user perform an action.

This is the code I found: .masthead-avatar img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .masthead-avatar :hover img{ <span class="kw1" style="font-weight:bold;color:rgb(133,153,0);">border-radius <span class="sy0" style="color:rgb(0,170,0);">: <span class="nu0" style="color:rgb(211,54,130);">100 <span class="re3" style="color:rgb(133,153,0);">% <span class="sy0" style="color:rgb(0,170,0);">; box-shadow<span class="sy0" style="color:rgb(0,170,0);">: <span class="nu0" style="color:rgb(211,54,130);">0 <span class="nu0" style="color:rgb(211,54,130);">0 <span class="nu0" style="color:rgb(211,54,130);">20 <span class="re3" style="color:rgb(133,153,0);">px <span class="kw1" style="font-weight:bold;color:rgb(133,153,0);">black <span class="sy0" style="color:rgb(0,170,0);">; -webkit-transform<span class="sy0" style="color:rgb(0,170,0);">: rotate<span class="br0" style="color:rgb(0,170,0);">( 360deg<span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; -moz-transform<span class="sy0" style="color:rgb(0,170,0);">: rotate<span class="br0" style="color:rgb(0,170,0);">( 360deg<span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; -o-transform<span class="sy0" style="color:rgb(0,170,0);">: rotate<span class="br0" style="color:rgb(0,170,0);">( 360deg<span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; -ms-transform<span class="sy0" style="color:rgb(0,170,0);">: rotate<span class="br0" style="color:rgb(0,170,0);">( 360deg<span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; transform<span class="sy0" style="color:rgb(0,170,0);">: rotate<span class="br0" style="color:rgb(0,170,0);">( 360deg<span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; <span class="br0" style="color:rgb(0,170,0);">} <ac_metadata title="How to make a person&#039;s avatar appear round with a shadow?"> </ac_metadata>