css五角心收藏点亮,CSS3 发光的五角星
时间: 2023-08-14 19:33:07 浏览: 255
css实现鼠标滑过五角星高亮效果
好的,我了解了您的问题。下面是实现收藏点亮和发光的 CSS3 五角星的代码:
收藏点亮的五角星:
```html
<div class="star">
<input type="checkbox" id="star-cb" />
<label for="star-cb">☆</label>
</div>
```
```css
.star input[type="checkbox"] {
display: none;
}
.star label {
font-size: 50px;
color: gray;
cursor: pointer;
transition: color 0.2s;
}
.star input[type="checkbox"]:checked + label {
color: gold;
}
```
发光的五角星:
```html
<div class="glowing-star">★</div>
```
```css
.glowing-star {
font-size: 50px;
color: transparent;
text-shadow: 0 0 10px gold;
}
```
希望这些代码能对您有所帮助。
阅读全文