แม่แบบ:+1/style.css

.talktemplate {
    white-space: nowrap;
    position: relative;
}
.talktemplate img {
    transition: .3s;
    border-radius: 50%;
}

.talktemplate .hiddentext {
    left: 100%;
    display: inline-block;
    position: absolute;
    margin-left: .5rem;
    box-sizing: border-box;
    border-radius: 4px;
    padding: .05em .4em;
    opacity: 0;
    transition: .5s;
} 

.talktemplate:hover img {
    box-shadow: 5px 7px 15px #3366ff;
}

.talktemplate:active img {
    box-shadow: 1px 2px 3px #3366ff;
}

.talktemplate:focus img {
    box-shadow: 1px 1px 0 #3366ff;
}

.talktemplate:hover .hiddentext {
    visibility: initial;
    display: inline;
    margin-left: initial;
    color: #fff;
    background-color: #999999;
    z-index: 10;
    opacity: 1;
}