![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
小幻奏
???复制、粘贴,完成!
展开
-
如何用css3实现简单旋转的风车
如何用css3实现简单旋转的风车在DW中想要实现旋转的风车就要使用关键帧keyframes来设置旋转,其实也没什么难度的。先设置它的样式,然后要用定位把它放到合适的位置就可以了。HTML的代码如下:<div class="fengche"> <div class="zhu"></div> <div class="zhuan">原创 2019-01-20 20:01:12 · 1273 阅读 · 1 评论 -
Flex布局 让你的布局更完美
Flex布局 让你的布局更完美CSS3 Flex布局有很多人和我一样吧,刚开始学HTML的时候用的都是传统的布局,有时用心设计的HTML+CSS样式可能由于对方的设备、浏览器的原因,导致用户浏览页面时的显示效果非常丑陋。很早之前W3C为了解决解决这个问题,提出了一种新的方案----Flex(Flexible Box)布局,也就是"弹性布局",它可以为盒状模型提供最大的灵活性,可以适应不同的页面...原创 2019-01-17 09:24:50 · 273 阅读 · 0 评论 -
伪类的用法
在前端的设计中我们常常会用到伪类,伪类到底是什么呢?css伪类是用来添加一些选择器的特殊效果。如图:其中,最常用的是:hover把鼠标放在类的上面所表现的状态,下面我给大家看一下。代码: <div class="wy"> <h2>水平方向移动40px,垂直方向移动30px</h2> </div>.wy{ width: 30...原创 2019-02-22 14:05:49 · 904 阅读 · 0 评论 -
怎么实现阴影效果呢?
我们在前端的设计中常常会用到图片和文字,如果只是单调的图片或文字,不怎么好看。所以我们要给它别的效果,比如:阴影效果。要实现阴影效果,我们就要用到box-shadow属性,它是一个复合属性,用于整个盒模型添加阴影。它有4个属性值:水平阴影,垂直阴影,模糊的距离,以及阴影的颜色。好了让我们看下有阴影和没有的区别。代码:<!doctype html><html><...原创 2019-02-21 10:07:44 · 260 阅读 · 0 评论