پیشنمایش زنده
کد HTML
<span
data-active-content="🤨"
data-hover-content="😑"
data-content="😐"
class="💀"
></span>
کد CSS
.💀 {
font-size: 48px;
}
.💀:after {
content: attr(data-content);
}
.💀:hover:after {
content: attr(data-hover-content);
}
.💀:active:after {
content: attr(data-active-content);
}