30deg

首页 > TAG信息列表 > 30deg

【CSS】使用CSS实现正方体并旋转

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minim

HTML基础：CSS3

transform: skew(ax, ay); 单位：deg 含义：旋转举例：transform: skew(30deg,30deg); 点它 transform: skew(30deg,0deg); ：图像y轴方向的线不动，x轴方向的线，沿着垂直方向X轴旋转30度

HTML| 2D&3D

2D，3D 2D位移 transform:translate(x,y); transform:translateX(x轴移动的距离); transform:translateY(Y轴移动的距离); 2D的缩放 transform:scale(x,y); x，y 这两个参数为一个数字，大于1放大小于1缩小 transform:scaleX(); transform:scaleY(); 2D的旋转 transform:rota

css扩展(响应式布局和动画)

1.css动画animation 　　动画序列，里边有每一帧　　1)声明动画序列：@keyframes 　　　　@keyframes test{ 　　　　　　form{} 0%{} 　　　　　　20%{} 　　　　　　to{} 100%{} 　　　　} 　　2)使用动画　　　　animation-name:test; 　　　　animati

CSS属性

style改变样式 <body style = "background-color:Blue;"> //背景颜色 <h1 style = "text-align:center">This is a heading</h1> //居中 <p style = "color:blue">This text is blue</p> //文本颜色

css3中的skew(skewX,skewY)用法

这是html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>index</title> <link href="index.css" rel="stylesheet" type="text/css"> </head> <bod