- 博客(7)
- 收藏
- 关注
RSS订阅原创 前端学习——记录一次不完美的3D轮播图
3D轮播图很丑我知道，那是因为里面存着一些小BUG，但是我又搞不定，我就不想去修改了。如果不写这些按钮的话，可以直接用CSS写，很完美，但是我又想写按钮的功能，然后就写的很菜。直接来吧。HTML部分<div class="main"> <ul class="images"> <li><img src="./im...
2019-11-25 17:57:57
176
原创 前端学习——纯CSS模仿真实按钮导航栏
纯CSS模仿真实按钮导航栏之前写过一篇博客是写翻转导航栏的，与本次的导航栏样式不一样，本次的导航栏更像是按钮。先看图：1.原本的样式：2.鼠标移到上面的时候的样式3.点击时候的样式：就像我们按按钮的时候一样，是会凹陷进去的，接下来看怎么实现的。HTML部分这个部分不多说，直接看代码就好。<div class="div"> <ul class="ul"...
2019-11-20 17:11:48
519
原创 前端学习——CSS+JS实现进度条动画
CSS+JS实现进度条动画之前学习了导航条，那现在就来学习一下进度条。本次的学习试着写了两种风格的进度条，一种是圆点，一种是传统的条状。如下图：简单介绍一下，点击按钮之后，圆点的效果是蓝色部分从零开始变大，到充满了整个父标签，从左向右进行；传统条状的效果就单纯的从左向右进行。由于有光晕的效果，父标签应该允许溢出部分显示。再次点击按钮就重置为原来的样子。话不多说，直接开始。HTML部分...
2019-11-20 11:00:01
1481
原创 前端学习——纯CSS实现动态翻转导航条
纯CSS实现3D导航条在学习动画的时候，一开始不知道写一个生命东西来进行学习，后来在网上看到了一些CSS实现的动画效果，觉得很酷炫，就在其中选了导航条来进行学习，导航条比较基础而且用的比较多，以后的学习也基本采用这种基础且广泛的进行学习。我也是学习的，所以这些效果也不是原创的。话不多说，直接开始。HTML方面：HTML方面比较简单，只需要一个nav，ul和若干li，a，p标签即可。<...
2019-11-19 13:25:49
2144
原创 前端学习——CSS3实现时钟效果
CSS3实现时钟效果最近想开始认真学习，然后想把学习记录下来，就写在博客这里了。最先是用CSS实现的是一个时钟的效果，如下图：实现效果1.圆盘说到时钟，肯定最先想到的是一个圆，所以就从一个圆开始。先写一个div，然后给相关的样式<div class="clock"></div>.clock{ position: absolute; ...
2019-11-16 16:04:38
1229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人