![](https://img-blog.csdnimg.cn/20200601093806748.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
包含本人css的学习笔记,css使用过程中遇到过的相关问题以及css相关手册。
magic-fish
熟悉vue3,TypeScript,html5,css3等。在校期间参加过国家级和省级外包大赛,均获得过三等奖。目前正在工作,闲暇时深入前端的学习。
展开
-
css3-animation-遮罩弹窗落地
CSS3落地弹窗思路效果代码问题思路动画描述:点击灰色背景弹出遮罩与弹窗弹窗渐快落下,渐慢升起,来回四个回合,同时升起距离模仿能量流失慢慢减少每次弹窗落至同样的高度时小球渐显,弹窗上升时小球渐隐效果代码<template> <div class="container" @click="triggerAnimation"> <img v-show="topStepInFlag" :class="原创 2020-11-05 14:19:07 · 303 阅读 · 0 评论 -
css3-animation-外边框闪烁警告
css3闪烁边框相关属性相关示例遇到的问题相关属性1.animationanimation的属性值非常多2.box-shadowbox-shadow: h-shadow v-shadow blur spread color inset;css3: 属性值–*水平阴影的位置,*垂直阴影的位置,模糊距离,阴影的大小,阴影的颜色,从外侧阴影改变内侧阴影`四周阴影的示例: 3.box-sizingbox-sizing: content-box|border-box|inherit:4.另原创 2020-07-09 17:19:06 · 2877 阅读 · 0 评论 -
《CSS Layout cookbook》学习笔记
《CSS Layout cookbook》学习笔记《CSS Layout cookbook》Note一、Media objects(媒体对象)二、Columns(分栏)三、Center an element(居中)四、Sticky footers(粘性底部)五、Split navigation(导航栏)六、Breadcrumb navigation(面包屑)七、List group with badges(列表)八、Pagination九、Card(更新中)十、Grid wrapper(更新中)十一、补充内原创 2020-06-01 19:52:32 · 297 阅读 · 0 评论