【第十一篇】字体设置css变形（transfom）4种

VScode关键点
快捷方式	关键字	举例
字体设置	@1font-face{ font-family:{ myfont; src:url;	h1 {font-family:myfont}
平移函数 translate （必须写两个值，逗号隔开）		transform:translate（-100px,-100px）
X Y轴平移	translate(X Y)	transform:translateX(100px) translateY(100px);
复合写法	translate	transform:translate（100px,0）(逗号隔开)
缩放函数 scale（取值.5，默认是1）		transform: scale
缩小放大	transform: scale(.5);	transform: scale(2，1);
	transform: scaleX(2);	transform: scaleY(3);
复合写法	transform:scaleX(2) scaleY(3);
定位：时间	transition: transform .5s;
旋转函数 rotate (绕着中心点移动)
顺时针旋转	transform: rotate(-30deg);
逆时针旋转	transform: rotate(30deg);
倾斜函数 skew（X Y轴必须都要写上去，否则默认值X，会变形）
X Y 轴	transform: skewX(30deg);	transform: skewY(30deg);
复合写法	transform: skew(30deg,30deg);
综合写法	transform: skew(30deg, 20deg) translate(500px, 100px) scale(3);

【第十一篇】字体设置css变形（transfom）4种相关推荐

JS设置CSS样式的几种方式（js设置!important）
JS设置CSS样式的几种方式(js设置!important) x619y 用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效 ...
JS设置CSS样式的几种方式
JS设置CSS样式的几种方式 1.直接设置style的属性某些情况下用这个设置!import值无效如果属性有"-"号,就需要使用驼峰命名法(如textAlign),如果想保留& ...
html js 设置样式,原生js设置样式笔记：JS设置CSS样式的几种方式
document(id名).style.backgroundColor = "ren" css里的属性有-的就去掉将首字母大写. js如何添加CSS样式中的class添加属性用J ...
用JS来动态设置CSS样式的八种方式
转自:微点阅读 https://www.weidianyuedu.com 用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无 ...
第五十一篇前端之CSS内容
心得:哪里有什么心得,在我这个年纪真的睡不着觉,知道什么是觉醒吗?不后悔自己踏出的每一步. 一.什么是 CSS? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显 ...
【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )
文章目录一. CSS 2.0手册使用 1. 按照文档层次查找 2. 搜索关键字查找文档二. font-weight 字体粗细设置 1. 语法简介 2. 代码示例三. font-style 字体斜 ...
safari html 字体设置,css – Safari字体渲染问题
有一个CSS属性,文本渲染,在Safari中默认设置为optimizeSpeed.你想改变的是: text-rendering:optimizeLegibility; 有四个可能的值: •自动(默认) ...
html代码字号div style=,div字体大小设置 css设置div中字体大小尺寸样式
div字体大小设置 css设置div中字体大小尺寸样式设置篇在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...
div怎么在css中设置字体大小,div字体大小设置 css设置div中字体大小尺寸样式
div字体大小设置 css设置div中字体大小尺寸样式设置篇在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...
php中字体样式的设置,CSS里字体样式怎么设置
在网页中我们常常对网页中文字设置字体,用font-family这个属性就可以对字体样式进行设置了.那么我们今天就来教大家从html的字体到css字体的设置方法. 原始的html字体设置 Html的文字 ...

【第十一篇】字体设置css变形（transfom）4种

【第十一篇】字体设置css变形（transfom）4种相关推荐

最新文章

热门文章