css
文章平均质量分 57
gaodda
No 作, No Die
展开
-
纯CSS 动画
<div class="container"> <div class="box"> <span style="--x:1;"><i> I </i> LOVE <i>YOU</i> TOO!</span> <span style="--x:2;"><i> I </i> LOVE <i>YOU</i> TOO!</spa原创 2022-05-05 09:55:22 · 230 阅读 · 0 评论 -
HTML + Css实现页面特效
1. 光点沿边框旋转2. 线条从四周向中心靠拢3. 鼠标悬乎特效4. 页面加载动画5. 页面加载动画原创 2019-11-13 14:26:12 · 3982 阅读 · 4 评论 -
css 的常用案例
Css 的几个常用案例1. css 编写三角形2. css编写燕尾角3. css编写多边形4. css伪类的妙用5. css浮动的清除6. css响应式页面的编写Created with Raphaël 2.2.0开始我的操作确认?结束yesno...原创 2019-10-29 17:44:44 · 1449 阅读 · 0 评论 -
css中的em,px,%
#用em创建弹性盒子浏览器默认渲染文字大小为16px,也就是,Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。"em"是一个相对大小,必然有一个参考值,那这个参考值就是相对于它的父级。一般我们在body中设置font-size:16px,那么body的后代元素设置字体大小为0.75em,实际文字大小就是12px。(0.75*16px = 12px)(注意:不能重新在...原创 2019-05-10 09:41:56 · 457 阅读 · 0 评论 -
头部底部通栏,内容区域滚动布局
内容区域滚动布局采用绝对定位布局内容css.main { position: absolute; top: 80px; left: 0; right: 0; bottom: 100px; padding: 10px; overflow: auto;}代码demo上传github(待续)...原创 2019-05-20 15:04:31 · 636 阅读 · 0 评论 -
兼容ie8,9,10,11波浪
#波浪<div class="warp"> <div class="wave-box"> <div class="marquee-box marquee-up" id="marquee-box"> <div class="marquee"> <div class="wave-list-b...原创 2019-05-15 15:06:54 · 222 阅读 · 0 评论 -
模仿级联单选多选
先来一张图效果图function tnTreeBox(id,name,data,selected){ var obj = new _tnTreebox(); obj.init(id,name,data,selected); obj.makeHtml(); clickEvents()}代码块 $(function(){ tnTreeBox('treebox', 'che...转载 2019-05-17 17:46:16 · 616 阅读 · 1 评论 -
使用element-ui的一些总结
1.隐藏组件el-scrollbar使用(父级div需要设置高度)<div class="warp"> <el-scrollbar style="height:100%;"> <div v-for="item in ListData" :key="item.code"> </el-scrollbar></div>2.级联...原创 2019-06-06 11:26:38 · 1062 阅读 · 0 评论 -
vue项目前端记账凭证纸张(240*140)打印功能(Print-Webpage)
1.设置本机电脑打印机配置设备和打印机–打印机首选项–设置A5纸张的宽高-保存-应用。如下图:2.vue组件编写效果图:3.辅助js的编写参看github地址(https://github.com/gaodda/web-print)4.引入项目将print.js引入项目所需页面我们的项目放在(import Print from ‘@/assets/js/print’)这个目录上...原创 2019-07-16 10:51:40 · 5547 阅读 · 0 评论