51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#cSS3
css3系列之伪类选择器
Pseudo-ClassesSelectors(伪类选择器) E:not(s) E:root E:target E:first-child E:last-child E:only-child E:nth-child(n) E:nth-last-child(n) 这上面一...
代码星球
·
2023-04-16
css3
系列
之伪类
选择器
css3中的width:100vh以及calc(100vh + 10px)
转自:https://blog.csdn.net/qq_24581629/article/details/72377300vh/vw vh:相对于视窗的高度,视窗被均分为100单位的vh; vw:相对于视窗的宽度,视窗被均分为100单位的vw; vmax:相对于视窗的宽度或高度中较大的那个...
代码星球
·
2023-04-17
100vh
css3
中的
width
以及
21、前端知识点--html5和css3新特性汇总
跳转到该链接https://www.cnblogs.com/donve/p/10697745.html https://blog.csdn.net/m0_37631322/article/details/81945113 前端的入门现在基本是由hml和css组合写静态页面开始,w3sch...
代码星球
·
2020-04-18
前端
知识点
--html5
css3
新特性
20、前端知识点--html5和css3特性(一)
https://blog.csdn.net/Umbrella_Um/article/details/99490209 https://www.cnblogs.com/notepades/p/6178510.html...
代码星球
·
2020-04-18
前端
知识点
--html5
css3
特性
前端:HTML5和CSS3新特性一览
转载:https://www.cnblogs.com/star91/p/5659134.html...
代码星球
·
2020-04-18
前端
HTML5
CSS3
新特性
特性
css3系列之transform 详解rotate
rotate rotateX rotateY rotateZ rotate3d rotate:旋转该元素,配合着transform-origin属性,transform-origin是设置旋转点的。(没有设置transform-origin属性也可以,只不过是根据该元素的中心点旋转,也就是cent...
代码星球
·
2020-04-18
css3
系列
transform
详解
rotate
CSS3 文本效果
本文将详细介绍CSS文本效果 凸版印刷效果 这种效果尤其适用于中等亮度背景配上深色文字的场景;但它也可用于深色底、浅色字的场景,只要文字不是黑色并且背景不是纯黑或纯白就行【浅色背景深色文本】background:hsl(210,13%,60%);color:hsl(210,13%,30%);text-s...
代码星球
·
2020-04-18
CSS3
文本
效果
总结30个CSS3选择器(转载)
或许大家平时总是在用的选择器都是:#id .class 以及标签选择器。可是这些还远远不够,为了在开发中更加得心应手,本文总结了30个CSS3选择器,希望对大家有所帮助。1*:通用选择器*{margin:0;padding:0;}*选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margi...
代码星球
·
2020-04-18
总结
30个
CSS3
选择器
转载
css3--布局正六边形
怎样布局正六边形?-->如果不能直接布局,就只能采用图形的组合。-->既然是正六边形,则:-->AB=2分之根号3乘2倍的边长,也就是对于矩形ABCD来说,AB是BD的根号3倍(也可以用正切算tan30deg)。这样的矩形旋转两次60deg,轨迹就恰好是一个正六边形。-->事实上我们常常是要让它...
代码星球
·
2020-04-18
css3--
布局
六边形
H5移动前端开发常用高能css3汇总
1.禁止a标签点击高亮,这些都是非官方属性,但实用性超强 html,body{-webkit-touch-callout:none;//禁止或显示系统默认菜单-webkit-user-select:none;//禁止长按复制选择-webkit-tap-highlight-color:rgba(0,0,0,0)...
代码星球
·
2020-04-18
H5
移动
前端
开发
常用
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='...
代码星球
·
2020-04-18
css3
使用
SVG
0.5px
边框
被解放的GPU CSS3动画加速
图形处理器(GraphicsProcessingUnit)专门用来处理在个人电脑、工作站或游戏机上图像运算工作显卡的“心脏”90%以上的新型台式电脑和笔记本型电脑拥有集成图形处理器,但是在性能上往往低于那些独立显卡。按照类型来分,可以分为独立显卡GPU和集成绘图GPU。独立显卡GPU性能最高的一...
代码星球
·
2020-04-18
解放
GPU
CSS3
动画
加速
转载:CSS3 Flexbox可视化指南
目录引言正文1引入2基础3使用4弹性容器Flexcontainer属性41flex-direction42flex-wrap43flex-flow44justify-content45align-items46align-content47注意事项5弹性子元素Flexitem属性51order52flex-...
代码星球
·
2020-04-18
转载
CSS3
Flexbox
可视化
指南
CSS3 transform rotate(旋转)锯齿的解决办法
-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg);把图片旋转了5度。本以为轻而易举,可遇到了问题。在Fireofx中显示正常,但在webkit内核下的浏览器中,如Chrome和Safari,图片边缘会有很明显锯齿。也可以说是webkit抗锯齿的一个BU...
代码星球
·
2020-04-18
CSS3
transform
rotate
旋转
锯齿
使用CSS3的appearance属性改变元素的外观
昨天在和同事一起完成项目的时候,我使用了appearance来渲染select,但是在firefox下出现问题,不完美,最后去除了。但还是要学习下这个属性。大家都知道每个浏览器对HTML元素渲染都不一样,比如说“button”,在chrome和ff中,渲染出来的效果都是不尽相同的。这样一来就有了...
代码星球
·
2020-04-18
使用
CSS3
appearance
属性
改变
首页
上一页
...
20
21
22
23
24
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他