[For 1.8] Default guest avatar + Hover Effect
#1
Global.css Add

.dfavatar-box {
    border-radius: 50%;
    overflow: hidden;
    margin-top: -22px;
    margin-right: 15px;
    background: #fff url('images/default_avatar.png') no-repeat;
    background-size: 100% auto;
    float: left;
    width: 35px;
    height: 35px;
    border: 6px solid #111;
}

.dfavatar-box:hover {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    transform: rotate(720deg)
}

header_welcomeblock_guest Add To Top


<div class="dfavatar-box"></div> 

wiev
https://imgur.com/a/RxKOmVd


Attached Files Thumbnail(s)
   
Reply


Messages In This Thread
Default guest avatar + Hover Effect - by Anka06 - 2018-11-09, 03:32 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)