css
单箭头→
找准方向,干就完了...
展开
-
手写选中框css,对勾css✔️
手写选中框及对勾的css成品原创 2023-05-15 16:46:02 · 238 阅读 · 0 评论 -
网站整体置灰代码兼容各端
网页置灰原创 2022-11-30 20:23:28 · 181 阅读 · 0 评论 -
客户端资源优化(html渲染速度,静态资源)
一 前端静态资源预加载提高网页渲染速度-preload:type: css、js、image、font动态key值:href<link rel="preload" href="myCss.css" as="style" onload="this.rel='stylesheet'"><link rel="preload" href="./manifest.js" as="script"><link rel="preload" href="./vendor.js" as=原创 2022-04-13 16:18:59 · 270 阅读 · 0 评论 -
兼容PC/M端的手指滑动,拖拽点击自动轮播插件封装
轮播html<div class="swiper"> <div class="hideBox" id="ppt"> <div class="car-move clear abs" id="ppt-contents"> <div class="move-box"> <img src="./images/banne原创 2021-06-03 10:58:05 · 135 阅读 · 0 评论 -
css postion你不知道的坑,aboslute、fiexed、relative等值不为static状态时
一、z-index基础知识1.z-index的含义z-index属性指定了元素及其子元素的【z顺序】,而【z顺序】可以决定当元素发生覆盖的时候,哪个元素在上面。通常一个较大的z-index值的元素会覆盖较低的那一个。2.属性值z-index:auto; 默认值z-index:;整数值z-index:inherit; 继承3.基本特性1>支持负值;2>支持CSS3 animation动画;(并没什么实用应用场景)3>在CSS2.1时代,需要和定位元素配合使用如果不考虑C转载 2021-05-11 10:45:12 · 366 阅读 · 0 评论 -
横向拖拽滚动css
1.父元素 css:.parent { display: -webkit-box; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}子元素无需设置浮动交给父元素的display: -webkit-box; white-space: nowrap;原创 2020-08-28 18:38:56 · 1232 阅读 · 0 评论 -
手写兼容PC/M一体的滑拖拽动drag,banner切换
html:<div class="love-car obox"> <div id="seemycar"> <span class="tit pos"> 我的爱车 <!-- <i class="yc-icon-common yc-i-rzyl-i"></i> --> </span> <span id="goseemyca原创 2020-08-28 18:29:01 · 220 阅读 · 0 评论 -
css播放按钮,三角箭头
CSS.p-open-icon { width: 50px; height: 50px; display: block; position: absolute; left: 50%; top: 50%; margin: -25px; background原创 2020-07-21 16:08:43 · 861 阅读 · 0 评论