CSS3 onended是CSS3的一個新特性,它可以讓我們通過CSS來控制音頻、視頻等多媒體元素的結束事件。在CSS3之前,我們沒有辦法通過CSS來控制這些多媒體元素的結束事件,只能通過JavaScript來實現。
假如我們有一個video元素,我們可以在CSS中使用onended屬性來指定video元素在結束播放時要執行的操作,例如:
video { width: 100%; height: auto; } video:onended { display: none; }在上面的代碼中,我們給video元素添加了一個onended屬性,并指定了當video元素結束播放時要隱藏這個元素。 除了隱藏元素外,我們還可以在onended中執行其他的操作,例如:
video { width: 100%; height: auto; } video:onended { opacity: 0.5; }在上面的代碼中,我們在onended中將video元素的opacity設置為了0.5,這樣在視頻播放結束時,視頻的透明度就會變成0.5。 總之,CSS3 onended是CSS3的一個非常實用的新特性,可以讓我們在CSS中控制音頻、視頻等多媒體元素的結束事件,這樣可以簡化我們的JavaScript代碼,讓我們的網頁更加簡潔、高效。
上一篇be.json
下一篇mysql修改sql語句