#cSS3

css3中的width:100vh以及calc(100vh + 10px)

转自:https://blog.csdn.net/qq_24581629/article/details/72377300vh/vw   vh:相对于视窗的高度,视窗被均分为100单位的vh;   vw:相对于视窗的宽度,视窗被均分为100单位的vw;  vmax:相对于视窗的宽度或高度中较大的那个...

21、前端知识点--html5和css3新特性汇总

跳转到该链接https://www.cnblogs.com/donve/p/10697745.html https://blog.csdn.net/m0_37631322/article/details/81945113  前端的入门现在基本是由hml和css组合写静态页面开始,w3sch...

20、前端知识点--html5和css3特性(一)

https://blog.csdn.net/Umbrella_Um/article/details/99490209 https://www.cnblogs.com/notepades/p/6178510.html...

前端:HTML5和CSS3新特性一览

转载:https://www.cnblogs.com/star91/p/5659134.html...

css3系列之transform 详解rotate

  rotate  rotateX  rotateY  rotateZ  rotate3d rotate:旋转该元素,配合着transform-origin属性,transform-origin是设置旋转点的。(没有设置transform-origin属性也可以,只不过是根据该元素的中心点旋转,也就是cent...

CSS3 文本效果

  本文将详细介绍CSS文本效果 凸版印刷效果  这种效果尤其适用于中等亮度背景配上深色文字的场景;但它也可用于深色底、浅色字的场景,只要文字不是黑色并且背景不是纯黑或纯白就行【浅色背景深色文本】background:hsl(210,13%,60%);color:hsl(210,13%,30%);text-s...
代码星球 代码星球·2020-04-18

总结30个CSS3选择器(转载)

或许大家平时总是在用的选择器都是:#id .class 以及标签选择器。可是这些还远远不够,为了在开发中更加得心应手,本文总结了30个CSS3选择器,希望对大家有所帮助。1*:通用选择器*{margin:0;padding:0;}*选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margi...

css3--布局正六边形

怎样布局正六边形?-->如果不能直接布局,就只能采用图形的组合。-->既然是正六边形,则:-->AB=2分之根号3乘2倍的边长,也就是对于矩形ABCD来说,AB是BD的根号3倍(也可以用正切算tan30deg)。这样的矩形旋转两次60deg,轨迹就恰好是一个正六边形。-->事实上我们常常是要让它...
代码星球 代码星球·2020-04-18

H5移动前端开发常用高能css3汇总

1.禁止a标签点击高亮,这些都是非官方属性,但实用性超强 html,body{-webkit-touch-callout:none;//禁止或显示系统默认菜单-webkit-user-select:none;//禁止长按复制选择-webkit-tap-highlight-color:rgba(0,0,0,0)...

css3 使用SVG做0.5px 的边框细线

.HalfPixelLine{background:repeat-xtoplefturl("data:image/svg+xml;utf8,<svgxmlns='http://www.w3.org/2000/svg'width='1'height='1'><rectfill='red'x='0'y='...

被解放的GPU CSS3动画加速

图形处理器(GraphicsProcessingUnit)专门用来处理在个人电脑、工作站或游戏机上图像运算工作显卡的“心脏”90%以上的新型台式电脑和笔记本型电脑拥有集成图形处理器,但是在性能上往往低于那些独立显卡。按照类型来分,可以分为独立显卡GPU和集成绘图GPU。独立显卡GPU性能最高的一...

转载:CSS3 Flexbox可视化指南

 目录引言正文1引入2基础3使用4弹性容器Flexcontainer属性41flex-direction42flex-wrap43flex-flow44justify-content45align-items46align-content47注意事项5弹性子元素Flexitem属性51order52flex-...

CSS3 transform rotate(旋转)锯齿的解决办法

-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg);把图片旋转了5度。本以为轻而易举,可遇到了问题。在Fireofx中显示正常,但在webkit内核下的浏览器中,如Chrome和Safari,图片边缘会有很明显锯齿。也可以说是webkit抗锯齿的一个BU...

使用CSS3的appearance属性改变元素的外观

昨天在和同事一起完成项目的时候,我使用了appearance来渲染select,但是在firefox下出现问题,不完美,最后去除了。但还是要学习下这个属性。大家都知道每个浏览器对HTML元素渲染都不一样,比如说“button”,在chrome和ff中,渲染出来的效果都是不尽相同的。这样一来就有了...

cSS3 伪类:nth-child 的使用方法

:nth-child是一个非常牛逼的伪类,如果你能很好的理解它就可以用CSS做出很多非常实用的效果。当我很年轻的时候还使用PHP的i++来实现一些东西,其实CSS完全可以实现。下面是我总结的一些用法,用了可爱的糖糖做演示,彩色头像就代表选中,T,T。仅选择第5个li:nth-child(5){...}如果选择第一个元素...
首页上一页...2021222324...下一页尾页