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