摘要:
优秀的前端工程师总是优先考虑用CSS替代图片:效果图如上。这个动画并非GIF,而是纯CSS绘制,通过JavaScript定时器更新动画。基本思路是创建8个圆形div,绝对定位排列成圆圈,然后,依次通过opacity属性更新透明度,就得到一个loading的效果图。和GIF相比,CSS实现的好处主要在... 阅读全文
摘要:
在很多网站中,如果滚动到页面下方,会在右下角一个固定位置出现“返回顶部”的按钮,点一下浏览器滚动条就自动回到顶部了,今天研究了一下,实现的效果如图:首先必须感谢知乎,因为这个按钮的样式就是照抄他们的,纯CSS实现,无图片,我只改了颜色。关于如何用CSS画三角形,参考纯CSS气泡效果一文。首先,在bo... 阅读全文