前端样式
Thekingyu
万事小心,事事顺心。
展开
-
彩色镂空动态字体
主要属性为 background-clip: text;配合渐变色在背后移动来实现。原创 2022-11-28 16:52:02 · 1277 阅读 · 0 评论 -
左侧固定右侧省略 十分打脸
* {margin: 0;padding: 0;}.big_box {width: 200px;height: 50px;display: flex;align-items: center;justify-content: flex-start;background-color: red;}.two {padding: 10px 6px;white-space: nowrap;background-color: #fff;}.one...原创 2021-12-11 17:57:16 · 241 阅读 · 0 评论 -
手机滑动图片验证 引用zepto.js
效果同上,其中icon自己找,本例不带任何icon,另外连往哪用,在什么地方用都不会的就散了吧。附赠两张图片。其不会自己插进去的也可以散了。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name...原创 2019-01-23 14:38:40 · 3065 阅读 · 0 评论 -
vue 五星评分及数据为遍历
div class="star" style="float: right" > <span v-for="(itemClass,index) in y.itemClasses" :class="itemClass" data="1" class="star-item" :track-by="index" ></原创 2018-05-23 14:52:02 · 1736 阅读 · 0 评论 -
media使用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="img/1.css" media="screen and (原创 2018-03-19 11:27:45 · 205 阅读 · 0 评论 -
Bootstrap-select 多选下拉框(官网的js地址错误)
多选:--> 苹果 菠萝 香蕉原创 2017-11-22 16:20:58 · 693 阅读 · 0 评论 -
四层树状数据展示,无样式
ul{ list-style: none; } .two{ display: none; } .three{ display: none; } .four{ display: none; } 第一层 第二层原创 2017-11-14 18:46:49 · 560 阅读 · 0 评论 -
二层树状数据展示附带样式全选
* { margin: 0; padding: 0; } ul { list-style: none; } .table-head { width: 100%; background: red; } .table-head p { float: left; background: #f3f3f3; line-hei原创 2017-11-14 18:38:09 · 373 阅读 · 0 评论 -
模拟下拉框,IPAd,iOS不兼容
*{margin: 0;padding: 0;} .dian-ul { display: none; width: 100px; height: 100px; position: absolute; left: 0; top: 20px; } .dian{ width: 60px; height: 100px原创 2017-11-09 20:15:23 · 792 阅读 · 0 评论 -
简单圆球水波动。手写
* { margin: 0; padding: 0; } .nei { width: 400px; height: 400px; background: red; opacity: 0.2; border-radius: 150px; position: absolute; left: -100px;原创 2017-11-09 19:51:59 · 771 阅读 · 0 评论 -
圆球canvas图,类似进度条
body{background-color: #fff}@-webkit-keyframes load { 0% { stroke-dashoffset: 0; }}@keyframes load { 0% { stroke-dashoffset: 0; }}.progress { position: relative;原创 2017-11-09 19:58:22 · 873 阅读 · 0 评论