Do you Know how to { content: attr({data-attribute}); } ?

#html #css

We can pass the deta　　to el::before,after{ content:'';}

    <div class="button">
        <span data-attribute="HOME">HOME</span>
    </div>

    .button{
        span::before {
            content: attr(data-attribute);
            }
        }
    }

It's bery easy!!!

I created a simple animation using this mechanism.

Thanks！！！！

Top comments (0)

Joan Peramás Ceras - Oct 16

TusharShahi - Oct 16

Abdulqudus Abubakre - Nov 17

Hayato Takenaka - Oct 19