Day01 字体样式,变形的旋转缩放位移和线性渐变

今天是值得纪念的一刻,今天第一次知道有个叫CSDN的网站,是程序员最喜爱的网站,从今天开始我将在CSDN上每天都更新自己的学习状态,希望能自己见证自己的成长.

在培训班要进行长达半年的半军事化训练,第一阶段就是pink老师带课,第一天学了字体样式,对于那些简单的样式,终于不用去抠精灵图, 首先下载样式,压缩,提取css文件和ttf.woff和woff2文件,很重要,缺一不可,然后引入link 把iconfont引入到index.html里面. 有三种使用方式,1,直接在标签里面class="iconfont iconfont-shouye"(随便编的) 必须得两个一起,缺一不可.2,使用伪类标签,

.box::before{

conter"\e8c6"直接在这个内容里面插入demo的

}

3,直接在标签后面里面写

后面学习了变形的用法

transform: translate(x, y);
transform: translateX(x);
transform: translateY(y);

都是2D使用.如果括号内是百分比.那么就是移动自己本身的宽度,

后面学习了旋转.transform: rotate(45deg); 一定得写单位deg

缩放很重要!!transform: scale(1.2)；

还有渐变 background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));

中间逗号隔开.今天就写这么多吧,12点了下次争取早点写,还有好多东西想写但是时间不够了,自己确实也是没想到晚上能写到现在,后面都是草草写完,加油~~~

Day01 字体样式,变形的旋转缩放位移和线性渐变相关推荐

Unity UV基于中心点旋转/缩放/位移 Shader
先上效果图: 接下来是参数控制面板: 再接下来是代码: Shader "Unlit/UV_R_S_T" {Properties{_MainTex ("Texture&qu ...
CSS-0813(重复性)线性/径向渐变-过渡属性transition-变形属性transform变形位移旋转缩放倾斜视域函数perspective变形原点三角形居中方法
title: "CSS 0813-渐变&过渡&变形" date: 2022-08-15T09:43:28+08:00 文章目录 title: "CSS 0 ...
EasyExcel 批量设置单元格样式（字体样式、底纹样式、边框样式、对齐方式、自动换行、旋转文字、竖向文字、数据格式、自动收缩）
目录 1 Maven配置 2 CellStyleModel 3 CustomCellStyleHandler 4 调试代码 5 调试结果注: 1 Maven配置 <!--hutool工具包-- ...
计算机图形学【GAMES-101】1、矩阵变换原理Transform(旋转、位移、缩放、正交投影、透视投影)
快速跳转: 1.矩阵变换原理Transform(旋转.位移.缩放.正交投影.透视投影) 2.光栅化(反走样.傅里叶变换.卷积) 3.着色计算(深度缓存.着色模型.着色频率) 4.纹理映射(重心坐标插值 ...
4-3 缩放位移旋转矩阵
目录前言一 .位移矩阵二.移动矩阵三.旋转矩阵四.矩阵的组合前言矩阵就是基底一般列向量都是有一个"单位基底" 矩阵:缩放/位移/旋转-矩阵 4.上一章学习了单位矩阵 ...
计算机图形学一：基础变换矩阵总结(缩放，旋转，位移)
变换矩阵总结摘要 1 2D线性变换 1.1 缩放(scaling) 1.2 剪切(shearing) 1.3 旋转(rotation) 2 3D线性变换 2.1 3维缩放(scaling),剪切(s ...
HTML5 和 CSS3 提高篇下 2D转换 transform（移动、旋转、缩放、中心点、综合写法）；动画（animation）；3D转换；浏览器私有前缀；背景色线性渐变
------ 2D 转换(transform)移动.旋转.缩放.中心点 ------- 转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移.旋转.缩放等效果转换(tran ...
字体图标,变形,及渐变
一.字体图标下载字体图标(了解) 字体图标的选择,上传 UI美工她们来做的,我们了解即可. 具体的步骤: 使用字体图标(重点) 引入相关文件(前提) 复制相关的文件,到 fonts文件夹里面. 引 ...
图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas)
以前要实现图片的旋转或翻转,只能用ie的滤镜来实现,虽然canvas也实现,但ie不支持而且不是html标准. css3出来后,终于可以用标准的transform来实现变换,而canvas也已成为ht ...
css 字体样式设置
css字体样式(Font Style),属性时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人 css字体样式(Font Style)是网 ...

Day01 字体样式,变形的旋转缩放位移和线性渐变

Day01 字体样式,变形的旋转缩放位移和线性渐变相关推荐

最新文章

热门文章

Day01 字体样式,变形的旋转 缩放 位移和线性渐变

Day01 字体样式,变形的旋转 缩放 位移和线性渐变相关推荐

最新文章

热门文章

Day01 字体样式,变形的旋转缩放位移和线性渐变

Day01 字体样式,变形的旋转缩放位移和线性渐变相关推荐