จากวิกิพีเดีย สารานุกรมเสรี
.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;
}