CSS - 變更文字(Text Change)

CSS Change Text

因為想做一個簡單的中英切換,卻發現原來CSS也有這樣的好功能可以使用,

attr(data-hover)  這段也可以直接改成你想要置換的字串

<style>
        span { font: bold 18px/1.2 sans-serif; }

        /* Hide original text */
        span:hover { font-size: 0; }

        /* Replace original text with value in data-hover */
        span:hover:after {
	        font-size: 18px;
	        content: attr(data-hover);
        }
        
</style>

 

<span data-hover="Go on, do it!">Click me!</span>