![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
noxLiu
这个作者很懒,什么都没留下…
展开
-
css中divfixed/position居中
css原创 2023-02-28 14:25:56 · 77 阅读 · 0 评论 -
CSS3视窗单位vw、vh、vmin、vmax说明
vw、vh做为CSS3中的新单位,已经出来挺久的了,这里也我个人也做一下详细的总结。说明vw、vh、vmin和vmax是CSS3中的新单位,是一种视窗单位,也是相对单位。它们的大小都是由视窗大小来决定的,单位1,代表类似于1%。具体描述如下:vw:视窗宽度的百分比 vh:视窗高度的百分比 vmin:当前较小的vw和vh vmax:当前较大的vw和vh转载 2017-02-14 09:03:13 · 819 阅读 · 0 评论 -
好看的阴影
-webkit-box-shadow: 0px 56px 36px -60px #121D12; -moz-box-shadow: 0px 56px 36px -60px #121D12; -o-box-shadow: 0px 56px 36px -60px #121D12;http://demo.cssmoban.com/cssthemes3/dgfp_27_hm/index原创 2016-09-18 14:05:27 · 405 阅读 · 0 评论 -
css3动画总结
transition: all 0.5s; //设置了这个之后对该元素的css属性值的改变都会以动画方式呈现。animation 属性是一个简写属性,用于设置六个动画属性:1.animation-name:规定需要绑定到选择器的 keyframe 名称。2.animation-duration:规定完成动画所花费的时间,以秒或毫秒计。3.animation-timing原创 2016-04-26 10:48:03 · 322 阅读 · 0 评论 -
css3动画animation属性
animation: name duration timing-function delay iteration-count direction;值描述animation-name规定需要绑定到选择器的 keyframe 名称。。animation-duration规定完成动画所花费的时间,以秒或毫秒计。a转载 2016-04-01 13:51:12 · 384 阅读 · 0 评论 -
整屏滚动
http://www.dowebok.com/134.html转载 2015-10-13 16:47:15 · 988 阅读 · 0 评论 -
那么srcset标签和HTML5的picture标签有什么异同?
由WebKit所实现的srcset的版本是和原来建议的srcset功能相匹配的,也跟响应式图片社区一直致力的版本是相符的。我们可以认为这个srcset其实就是化身为针对分辨率的快速的媒体查询方法,一个关键的区别在于浏览器可以选择源根据用户的喜好和选择进行选择。虽然这已经是匹配原来srcset草案的建议,但当前srcset规范还正在试图扩大语法涵盖的范围,其中有的部分跟标签的功能是有重合的,如:转载 2015-09-09 13:20:36 · 3646 阅读 · 0 评论 -
CSS3给页面打标签
我们经常会在页面的左上角或者右上角看到类似如图所示的标签,比如页面的链接(最常使用)等,下面我们就实现一个简单的标签 实现步骤是先做一个水平长条,使用CSS3的transform来实现旋转,如果是在左上角的话就逆时针旋转45度,右上角顺时针旋转45度。代码: 1 DOCTYPE html> 2 html> 3 head> 4 title>转载 2015-08-12 13:42:10 · 347 阅读 · 0 评论 -
文本溢出显示省略号
在开发过程中经常会遇到文本过长超出文本的宽度,这时候我们会考虑将文本截断,但是只顾截断会失去交互的友好性,因为用户不知道后面还有内容,我们会在文本超出宽度的部分加上省略号,然后加上title属性,当用户鼠标放到此处提示完整信息。文本溢出显示省略号有两种情况:单行文本1 text-overflow: ellipsis;2 overflow: hidden;3 white-转载 2015-08-12 13:49:45 · 507 阅读 · 0 评论 -
具有动态效果的响应式设计
摘要: 响应式设计已经流行很久了,今天分享一个借助transition来实现动态切换布局的效果。代码:DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> .conteneur_responsive > div转载 2015-08-12 13:39:39 · 440 阅读 · 0 评论 -
制作tooltips
无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框,这种箭头可以通过背景图片或者是css来实现,本文介绍三种通过css实现带箭头的提示框。通过border属性思路:两个三角形,通过定位使两个三角形相差1px作为边框。CSS3 transfrom思路:先做一个两条边相同颜色的正方形,然后旋转一定角度就是三角形了特殊字符'♦'思路:特殊字符漏出上半部分,看上去就像三角形了转载 2015-08-12 13:45:39 · 335 阅读 · 0 评论 -
具有动态效果的响应式设计
摘要: 响应式设计已经流行很久了,今天分享一个借助transition来实现动态切换布局的效果。代码:DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> .conteneur_responsive > div转载 2015-08-12 13:41:21 · 430 阅读 · 0 评论