1029–Marker Highlight Effect

Requirement

We want to create a marker highlight effect as shown in the following screenshot.

The default background is grey and turns into yellow when mouse hover.

Marking scheme

[["評分項","佔分",null,null,null],["有使用 <mark>","10",null,null,null],["有淺灰色背景","10",null,null,null],["滑鼠移入時有黃色背景","15",null,null,null],["有 border-radius","10",null,null,null],["有不對稱 border radius 造成 marker 筆 highlight 效果","15",null,null,null],["有 box-shadow 造成邊線模糊效果","20",null,null,null],["效果與題目要求一致","10",null,null,null],["滑鼠移入移出時效果能增強互動體驗","10",null,null,null],[null,"=SUM(B2:B9)",null,null,null],[null,null,null,null,null]]