![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
xiaoyuyully
这个作者很懒,什么都没留下…
展开
-
css-学成在线页面
学成在线页面 app.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-02-20 10:38:38 · 235 阅读 · 0 评论 -
css求婚页面
CSS求婚小demo 主要采用的是animation 动画 animation 属性是一个简写属性,用于设置动画属性: animation-name 名称 animation-duration 动画所需要的时间 animation-timing-function 运动曲线 linear 匀速 ease 低速开始,逐渐加速` animation-delay 动画何时开始 animation-iteration-count 播放次数 infinate无限次 animation-direction 下一周期逆原创 2021-02-18 11:58:20 · 266 阅读 · 0 评论 -
响应式布局
#响应式布局 一定要引入响应式样式 主要页面如下: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con原创 2021-01-04 14:29:17 · 135 阅读 · 0 评论 -
携程-伸缩布局flex
携程-伸缩布局flex 主要采用flex布局方式: display:flex; flex-wrap: wrap;让弹性盒元素在必要的时候拆行: flex-direction: row|row-reverse|column|column-reverse|initial|inherit; flex:20%|1 百分数或者数值 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="U原创 2021-01-04 14:18:42 · 101 阅读 · 0 评论 -
京东移动端首页-流式布局
京东移动端首页采用流式布局(百分比布局) 采用流式布局(百分比布局) 主要源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-sc原创 2020-12-25 09:23:28 · 582 阅读 · 0 评论 -
vue小案例
####1.实现微博发布删除功能: 点击提交,在文本上方显示要插入的内容 点击X删除按钮,删除本条数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-原创 2020-12-10 14:11:00 · 515 阅读 · 1 评论 -
canvas-绘制轨迹
主要是根据给的坐标,把线连接起来: 效果图: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <can原创 2018-08-01 19:22:02 · 6387 阅读 · 0 评论