![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
半纸烟蓝
这个作者很懒,什么都没留下…
展开
-
箭头图标的切换
1.接下来我们将使用Javascript的方法来实现鼠标移入图标的转变。首先,想实现的结果是:实现步骤如下:2.div是大盒子,a标签则是里面的箭头图标,图标的转换主要通过a标签里面的类的切换来实现图标的变化,主要由两个类来控制图标,他们分别是a1和a2.注意:这里的箭头主要是由border-color来制作。3.通过javascript来实现类的切换4.当鼠标移入的时候将a标...原创 2019-01-19 20:42:48 · 601 阅读 · 0 评论 -
css动画渐变
动画,在我们进行开发项目的时候也是很常见的,特别是在一些漫画网站和一些商业网站等等都可以看到动画的出现,制作动画的方法有很多种,而用哪一种方法也主要是看需求,那么接下来我们将用css3来制作动画,而制作这个动画的主要是运用css3里面的keyframes(关键帧)来制作。对于keyframes(关键帧),其实类似于Flash中的关键帧 ,但和Flash中的关键帧不同的是,在css3中以@keyf...原创 2019-01-26 21:13:11 · 1239 阅读 · 2 评论 -
FIex弹性布局
在搭建页面的时候,我们通常都会思考如何对页面进行布局,比如说如何在宽度变化的时候内容不会打乱,又如何使内容并排显示,那么针对于页面布局来说,有多种布局的方法,比如说流式布局,栅格布局,弹性布局等等多种方法,那么接下来我们要说的是FIex弹性布局,那么说明是FIex布局呢?布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局...转载 2019-05-17 09:12:07 · 1012 阅读 · 0 评论 -
跑马灯制作
今天来说说如何制作 一个不包含js脚本的简易的跑马灯。那么如果不包含js脚本的话该如何制作呢,其实很简单,在这里是不过只是用到了html里面的一个标签而已,该标签为marquee,那么废话不多说,接下来使用这个标签制作一个跑马灯,那么在此之前先了解下marquee标签都有哪些属性,属性如下:marquee普通卷动(创建一个滚动的文本字幕)behavior=slide滑动behavior=s...原创 2019-07-30 16:44:59 · 611 阅读 · 0 评论