
前端
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 · 310 阅读 · 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 · 329 阅读 · 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 · 167 阅读 · 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 · 140 阅读 · 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 · 651 阅读 · 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 · 572 阅读 · 1 评论 -
canvas-绘制轨迹
主要是根据给的坐标,把线连接起来:效果图:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <can原创 2018-08-01 19:22:02 · 6556 阅读 · 0 评论