![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
综合案例
文章平均质量分 53
April Story
这个作者很懒,什么都没留下…
展开
-
<前端练习> 京东移动端首页
1.技术选型方案:采取单独制作移动页面方案技术:布局采取流式布局2.搭建相关文件夹结构3.设置视口标签以及引入初始化样式<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0"/><link rel="stylesheet" type="text/css" href="css/nor原创 2021-07-14 21:56:53 · 739 阅读 · 2 评论 -
<CSS练习> 奔跑的小熊 CSS3动画 含素材
本案例用了2个动画第一个动画是整张的素材(文章末尾) 从左往右依次划过 这里animation属性用步长steps()第二个是第一个的动画 一直运动到浏览器的中央 animoaion-fill-mode:forwards;因为素材是白色的 我这里设置了背景图为粉色 更方便看出效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>原创 2021-06-22 13:21:38 · 2635 阅读 · 0 评论 -
<CSS3练习> CSS动画综合案例 热点图(含素材)
CSS动画分为两个步骤:1.先定义动画2.再调用动画语法如下1.定义:@keyframs 动画名称 { from(0%){} to(100%){} }这里的数字可以从0%~100% 可以任意 代表 :动画开始~动画结束2.使用div {animation-name:动画名称(与上面的对应);animation-duiation:持续时间;}animation还有其他属性 可自己查表案例效果图注意的点:在这里插入/* 保证子级在父级水平垂直居中 */ posi原创 2021-06-21 21:04:15 · 321 阅读 · 0 评论