css3学习笔记二

逃学威龙 逃学威龙     2022-08-02     488

关键词:

      接着是对图形移动、旋转、倾斜、放缩的处理。

      -moz-transform:translateX(x deg) translateY(x deg);/*图形会沿着XY轴移动*/

      -moz-transform:rotate(x deg);/*图形绕着原点旋转当然也可以改成XY轴*/

      -moz-transform:skew(x deg);/*图形倾斜*/

      -moz-transform-origin:0% 0%;/*改变坐标原点在图形中的位置*/

      -moz-transform:scale();/*对图形放缩大于1是放大,小于1大于0是缩小,小于0会有反转的效果然后放缩*/

      然后重点来了,perspective,perspective-origin。

perspective:可以理解为镜头于界面的距离,就是你眼睛的方位,这个会影响3D图形的透视效果,perspective值大的时候图形会小,基本上是远大近小,当然如果小于图形的z轴值会相当于在立体图形内部看。

perspective -origin:可以理解为镜头的距离,就是相当于一束光从不同方位照物体会有不同的影子这个影子就是我们看到的3D图形。


 

css3学习记录二

CSS3学习记录二 字体样式 字体 h1{   font-family:楷体; }字体颜色 h1{   color:red; }字体尺寸 h1{   font-size:50xp; }字体粗细 h1{ &nbs 查看详情

css3学习记录二

CSS3学习记录二 字体样式 字体 h1{   font-family:楷体; }字体颜色 h1{   color:red; }字体尺寸 h1{   font-size:50xp; }字体粗细 h1{ &nbs 查看详情

html学习笔记css3(多列)

CSS3多列通过CSS3我们能够创建多个列来对文本进行布局。在这篇文章中你将了解到如下多列属性:column-countcolumn-gapcolumn-rule浏览器支持:多列的属性:实例:<html><head><metacharset="UTF-8"><title></title><styletype="t... 查看详情

千峰html5+css3学习笔记(代码片段)

千峰HTML5+CSS3学习笔记文章目录千峰HTML5+CSS3学习笔记写在前面1.前言2.HTML3.CSS3.1选择器3.2CSS属性4.盒子模型4.1溢出属性4.2元素显示类型4.3定位4.4精灵图4.5宽高自适应4.6窗口自适应5.表单进阶6.HTML5新特性7.CSS3基础7.1CSS3选择器7.2... 查看详情

十天精通css3学习笔记part4

CSS3中的变形与动画(下) CSS3Keyframes介绍 Keyframes 被称为关键帧,其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头,后面紧跟着是动画名称加上一对花括号“{…}”,括号中就是一些不同时间段样式规则。@... 查看详情

十天精通css3学习笔记

http://www.imooc.com/learn/33什么是CSS3?CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了... 查看详情

html学习笔记css3(背景)

CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。1.多个背景图片在CSS3里面你可以在一个标签元素里应用多个背景图片 代码类似与css2.0版本的写... 查看详情

css3学习笔记一

    首先界面是二维的但也可以有三维的效果。先了解浏览器兼容性问题,火狐加前缀(-moz-)IE加(-MF-)谷歌加(-webkit),简单介绍css3的几个属性。    对于背景来说如果是单纯着一种颜色可以会单... 查看详情

css3学习笔记之选择器

新增的关系选择器有:1.亲儿子选择器:>2.下一个兄弟:+3.下一群兄弟:~新增的属性选择器:1.标签[^="a"] : 匹配属性值以a开头的元素2.标签[$="a"]:  匹配属性值以a结尾的元素3.标签[*="a"]:  匹配属性值含有a... 查看详情

html学习笔记css3(文本效果)

text-shadow语法text-shadow:none|<length>none|[<shadow>,]*<shadow>或none|<color>[,<color>]*也就是:text-shadow:[颜色(Color)x轴(XOffset)y轴(YOffset)模糊半径(Blur)],[颜色(color)x轴(XOffset)y轴 查看详情

css3_transition学习笔记

01.概述   W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。   这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属... 查看详情

css3学习笔记之立体线框球形动画

效果截图:HTML代码:<divclass="ball-box"><divclass="ball"><divclass="line-1"></div><divclass="line-2"></div><divclass="line-3"></div><divclass="line-4">&l 查看详情

tenseal学习笔记二(代码片段)

文章目录TrainingandEvaluationofLogisticRegressiononEncryptedDataDownloadthecoronaryheartdiseasedatasetInitializedatasetTrainingaLogisticRegressionModelEncryptedEvaluationTraininganEncryptedLogisticRegress 查看详情

机器学习笔记二十:拉格朗日函数/对偶

参考:李航<统计学习方法>维基百科:拉格朗日乘子法 查看详情

css3学习笔记一(选择器)

属性选择器:E[attr]包含attr属性的EE[attr="value"] 包含attr属性值为value的EE[attr~="value"] 包含attr属性的值列表中含有value的EE[attr^="value"] 包含attr属性的值是以value开头的EE[attr$="value"] 包含attr属性的值是以value结束的EE[att... 查看详情

吴恩达“机器学习”——学习笔记二

...erfitting):使用过量的特征集合,使模型过于复杂。参数学习算法(parametriclearningalgorithms):用固定的参数进行数据的拟合。比如线性回归。非参数学习算法(non-parametriclearningalgorithms):使用 查看详情

css3与页面布局学习笔记——页面布局大全

一、负边距与浮动布局1.1、负边距所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见的功能如下:1.1.1、向上移动当多个元素同时从标准流中脱离开来时,如... 查看详情

css-学习笔记二

1.table标签中的标题caption{caption-side:top;} 2.table标签中边框重合table{width:300px;height:200px;border-collapse:collapse;/*边框可以重合*/} 3.table表中的项居中th,td{border:solid2pxred;text-align:center;} 4.列表头 查看详情