为幻灯片的焦点按钮样式来点小创意

幻灯片广告（焦点图）是网页上常见的展示功能之一，通常情况下，我们仅为这个广告做设计处理，却忽略了焦点的样式，其实对于焦点的样式设计还是有很多的，今天为大家分享二款幻灯片焦点设计，通过结合 CSS3 动画样式，实现出多种漂亮美观的焦点图案，下面一起来看看这些小创新。

Dot Navigation Styles

Dot Navigation Styles 有一共有14款新式，记得查看在线演示看实际效果。

在线演示 | 源码下载

幻灯片焦点样式设计

这里的焦点带三角形的风格，结合CSS动画实现的效果，显得更时尚、新颖。

在线演示：https://codepen.io/commyleung/full/LGZQZj

若需要设计类似的幻灯片切换广告，可以尝试上面的样式，给焦点增加新的小创意，若你懂CSS代码，还可以把源码下载下来改成自己喜欢的样式！