css3
文章平均质量分 67
&時光
时间如梭,白驹过隙!
展开
-
h5和css3的新特性有哪些?
html5是构建Web内容的一种语言描述方式。html5是互联网的下一代标准。css3是css(层叠样式表)技术的升级版本。下面我们来看一下HTML5余css3的新特性有哪些。CSS3新特性:1.颜色:新增RGBA,HSLA模式2. 文字阴影(text-shadow、)3.边框: 圆角(border-radius)边框阴影: box-shadow4. 盒子模型:box-sizing5.背景:background-size 设置背景图片的尺寸background-origi原创 2021-05-10 19:06:21 · 279 阅读 · 2 评论 -
CSS3中的变形处理——transform功能(旋转、缩放、倾斜、移动)
1 transform属性在CSS3中,可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的变形处理。(1)浏览器支持到目前为止:Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器支持该属性。2 旋转使用rotate方法,在参数中加入角度值,角度值后面跟表示角度单位的“deg”文字即可,旋转方向为顺时针方向。transform:rotate(45deg);3 缩放使用scale方法来实现文字或图像的缩放..原创 2021-05-08 18:05:06 · 1288 阅读 · 0 评论 -
CSS3中transition、transform分不清楚?
CSS3中transition、transform分不清楚?前言css属性很多,无论是字母的拼写还是字面上的意思,很多人都容易混淆,包括我在内,也时不时需要去看看到底是咋回事,是不是也混淆过你~下面列举几个最容易混淆的属性:属性含义animation(动画)用于设置动画属性,他是一个简写的属性,包含6个属性transition(过渡)用于设置元素的样式过度,和animation有着类似的效果,但细节上有很大的不同transform(变形)用于元素进行旋转、缩放、移动或倾斜,和设置样式的动画并没原创 2021-05-07 10:56:36 · 80 阅读 · 0 评论 -
CSS样式穿透
VUE中CSS样式穿透1. 问题由来在做两款H5的APP项目,前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想,组件不丰富,最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4(项目结构 webpack+vue+vue-store+vue-router+vant+less)。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式,方便了我们开发者,同时又因高度封装,有时也会给我们带来一点点困扰。比如,在使用vant组件库中的环形进度条时,原创 2021-05-07 10:30:27 · 429 阅读 · 2 评论 -
文字超出,后面出现三个点
这是css样式,直接放入对应div的css样式里即可overflow: hidden; //超出部分隐藏text-overflow: ellipsis; //文字超出部分截断display: -webkit-box; //显示为webkit的盒子,这是css3新增的属性,很有用,可以进行弹性的分配。-webkit-line-clamp: 1; //行数:1,也可以尝试其他行数-webkit-box-orient: vertical; //分配的盒子的方向,水平。...原创 2021-05-07 10:11:50 · 324 阅读 · 0 评论