CSS进阶知识点--3D转换及perspective 属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS进阶知识点--3D转换及perspective 属性相关的知识,希望对你有一定的参考价值。

参考技术A 指定对象围绕着 X / Y / Z 轴上的旋转角度

指定对象的 3D 旋转角度

前三个参数分别代表旋转的方向 x,y,z,第四个参数表示旋转的角度,参数不允许省略

前三个参数只有三个取值效果:正数,0,负数

如果多个方向发生改变,小数会代表在这个方向的旋转程度,最小小数取值为 0.1

指定对象 Z 轴的平移(更多用于遮罩)

z 值不能省略

指定对象的 3D 位移

第一个参数对应 X 轴,第二个对应 Y 轴,第三个对应 Z 轴,参数不允许省略

指定对象的 Z 轴缩放

参数对应 Z 轴,不允许省略

指定对象的 3D 缩放

参数不允许省略

指定观察者与 XOY 平面(也就是屏幕)的距离,使具有三维位置变换的元素产生透视效果

指定透视点的位置

x-axis:50%

y-axis:50%

python基础--小知识点汇总及编码进阶

‘‘‘
python2 python3
‘‘‘
#python2
#print()  print ‘abc‘
#range()   xrange() 生成器
# raw_input()
#python3
#print(‘abc‘)
#range()
# input()
# = 赋值 == 比较值是否相等   is 比较,比较的是内存地址  id(内容)
# li1 = [1,2,3]
# li2 = li1
# li3 = li2
# print(id(li1),id(li2))
#数字,字符串 小数据池
#数字的范围 -5 -- 256
#字符串:1,不能有特殊字符
#        2,s*20 还是同一个地址,s*21以后都是两个地址
# i1 = 6
# i2 = 6
# print(id(i1),id(i2))
# i1 = 300
# i2 = 300
# print(id(i1),id(i2))

#剩下的 list dict tuple set
# l1 = [1,]
# l2 = [1,]
# print(l1 is l2)
# s = ‘alex‘
# s1 = b‘alex‘
# print(s,type(s))
# print(s1,type(s1))
# s = ‘中国‘
# print(s,type(s))
# s1 = b‘中国‘
# print(s1,type(s1))
s1 = ‘alex‘
# encode 编码,如何将str --> bytes, ()(因为传输和存储必须是bytes)
s11 = s1.encode(‘utf-8‘)
s11 = s1.encode(‘gbk‘)
print(s11)
s2 = ‘中国‘
s22 = s2.encode(‘utf-8‘)
s22 = s2.encode(‘gbk‘)
print(s22)

以上是关于CSS进阶知识点--3D转换及perspective 属性的主要内容,如果未能解决你的问题,请参考以下文章

学完一起做个走马灯吧 - CSS 3D 转换学习笔记&学习案例

CSS进阶试试酷炫的 3D 视角

CSS3进阶酷炫的3D旋转透视

精通HTML5+CSS3需要学啥?

CSS3进阶:酷炫的3D旋转透视

CSS3中3D综合应用及分析