![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
transform
small面包
这个作者很懒,什么都没留下…
展开
-
前端实时钟表
想要实时的钟表首先进行样式的书写然后进行js代码 下面是完整的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>钟表</title> <link rel="stylesheet" /> <st...原创 2020-03-06 17:39:36 · 1288 阅读 · 1 评论 -
CSS让一个盒子在另一个盒子里居中
今天想写个钟表,但是里面会套一层盒子。下面直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /...原创 2020-03-06 13:56:19 · 4725 阅读 · 0 评论 -
CSS写爱心
今天用伪元素写爱心,但一定要记住 ::before和::after必须和content共同使用,即使没有内容也应该用’'代替 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="widt...原创 2020-03-05 14:06:17 · 195 阅读 · 0 评论 -
前端2D变换
2D转换是使元素改变形状、尺寸和位置的一种效果 2D转换包括 translate(位移)rotate(旋转)scale(缩放)skew(倾斜) translate(位移) //平移: translate(水平位移, 垂直位移) //eg:让div水平居中 <!DOCTYPE html> <html lang="en"> <head> <meta ...原创 2020-03-05 11:08:46 · 216 阅读 · 0 评论 -
手写3D图形---立方体
最近写了一个3D的立方体的小demo,每个面可以添加图片也可以是背景颜色,直接上代码 HTML代码(我这里放的是图片) <div class="cube"> <div class="front"><img src="./../assets/images/u=3038625765,121755996&fm=26&gp=0....原创 2019-12-16 11:13:04 · 158 阅读 · 0 评论