2022年3月26日
css 进阶实战项目
摘要： 1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 20:36 会前端的洋 阅读(110) 评论(0) 推荐(0)
进阶实战项目场动画
摘要： 1. css 样式 /* page 1 animation */ #page-1 h1{ transform: translateY(-1200px); animation: heading var(--animate-speed) forwards ease-in; } #page-1 p { t 阅读全文
posted @ 2022-03-26 17:11 会前端的洋 阅读(34) 评论(0) 推荐(0)
进阶实战页面样式
摘要： 1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 13:43 会前端的洋 阅读(47) 评论(0) 推荐(0)
进阶实战页面
摘要： 1. html结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2022-03-26 11:43 会前端的洋 阅读(34) 评论(0) 推荐(0)
transform动画
摘要： 1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 11:28 会前端的洋 阅读(114) 评论(0) 推荐(0)
transition 动画过渡
摘要： 1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 11:02 会前端的洋 阅读(50) 评论(0) 推荐(0)
css 动画 (2)
摘要： 1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 10:10 会前端的洋 阅读(34) 评论(0) 推荐(0)
css 动画
摘要： 1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 09:59 会前端的洋 阅读(45) 评论(0) 推荐(0)
自定义属性
摘要： 1. html 结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-03-26 09:51 会前端的洋 阅读(72) 评论(0) 推荐(0)
设置字体阴影
摘要： 1. html 结构 <h1 class="a">欢迎来到铄洋在线</h1> <h1 class="b">欢迎来到铄洋在线</h1> <h1 class="c">欢迎来到铄洋在线</h1> <h1 class="d">欢迎来到铄洋在线</h1> 2. css 样式 h1 { font-family: 阅读全文
posted @ 2022-03-26 09:07 会前端的洋 阅读(138) 评论(0) 推荐(0)
box-shadow 盒子阴影
摘要： 1. html 结构 <div class="container"> <div class="box"> <h3>Heading</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam aspernatur il 阅读全文
posted @ 2022-03-26 09:00 会前端的洋 阅读(155) 评论(0) 推荐(0)
伪元素 Before & Aster
摘要： 1. html 结构 <label class="is-required" for="name">姓名</label> <input type="text"> <header> <h1>欢迎来到米修在线</h1> <p>Lorem ipsum dolor sit amet consectetur a 阅读全文
posted @ 2022-03-26 08:54 会前端的洋 阅读(53) 评论(0) 推荐(0)