摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>14种纯css3对话气泡样式代码</title> <link rel="stylesheet" href="default.css" /> </head>
阅读全文
posted @ 2025-09-26 16:02
随笔分类 - CSS
摘要：<div class="css-krocx8 e10rboum0"><span class="css-1mzq4wf e10rboum1">了解更多</span><svg width="18" height="12" viewBox="0 0 18 12" align="Left" animatio
阅读全文
posted @ 2025-03-25 09:23
摘要：uniapp内容： <view class="loader-wrapper loaddata" v-if="isShowLoading"> <view class="loader loaddata"> <image style="width: 64px;height: 64px;" class="l
阅读全文
posted @ 2025-03-18 14:46
摘要：<style lang="scss" scoped> @-webkit-keyframes img-loaddata { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @k
阅读全文
posted @ 2025-03-03 09:21
摘要：<style> #spreadBtn { position: fixed; display: none; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit
阅读全文
posted @ 2024-10-15 15:31
摘要：<!DOCTYPE html> <html> <script type="text/javascript" src="style/jquery-3.7.0.min.js?v=0.002?v=1.0.01"></script> <head> <style> .fade { position: abso
阅读全文
posted @ 2024-10-15 09:43
摘要：CSS中实现淡入淡出效果，可以使用transition属性来平滑过渡，并使用opacity属性来设置元素的透明度。 例子1： <div class="fade-box">淡入淡出效果</div> CSS: .fade-box { width: 200px; height: 200px; backgr
阅读全文
posted @ 2024-10-14 17:47
摘要：解决webview缓存问题 前言项目是通过web-view内嵌在小程序里的vue单页应用.然而前几天发现明明发布了代码，在小程序入口进去看到的还是旧页面，尝试了各种操作：手动退出小程序，再次进入；删除 发现-小程序，重新进入；关闭微信，杀掉进程，重新进入修改 Nginx 关于 Cache-Contr
阅读全文
posted @ 2024-08-18 16:11
摘要：要使CSS3动画一直旋转，并在暂停时保持最后的角度，您可以使用animation-play-state: paused;属性来暂停动画，并使用animation-fill-mode: forwards;来保留最后的状态。 @keyframes rotate { from { transform: r
阅读全文
posted @ 2024-06-11 10:53
摘要：在现有大多数阅读性文章、博客等内容，不单有图文结合的形式让内容更加饱满更有关联链接来充实文章的真实、准确性。那么当这些连接进行跳转离开网站时，我们要如何确认即将前往网站的安全性呢？ 跳转效果演示——点击进入码云官网 本文就该问题，使用js代码全局监听a标签跳转前进行跳转拦截。提取跳转连接，统一跳转到
阅读全文
posted @ 2023-04-06 17:21
摘要：.upload-area { margin-top: 1.25rem; border: none; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3
阅读全文
posted @ 2022-12-17 11:05
摘要：vw： 视窗宽度的百分比（1vw 代表视窗的宽度为 1%） vh： 视窗高度的百分比（ 1vh 代表视窗的高度为 1%） vmin：当前 vw 和 vh 中较小的一个值 vmax：当前 vw 和 vh 中较大的一个值 vw、vh与 % 的区别： % 是相对于父元素的大小设定的比率，vw、vh 是视窗
阅读全文
posted @ 2022-09-23 11:44
摘要：body { /* 加载背景图 */ background-image: url(images/bg.jpg); /* 背景图垂直、水平均居中 */ background-position: center center; /* 背景图不平铺 */ background-repeat: no-repe
阅读全文
posted @ 2022-07-01 11:17
摘要：//下载时加载的操作 load = function() { down_windows = layer.msg("数据正在下载中", { icon: 16, shade: 0.3, time: -1 }); } //下载完成后触发，用来关闭提示框 disload = function() { lay
阅读全文
posted @ 2022-05-24 18:26
摘要：测试提了bug，柱状图数据多的情况下，都叠到了一起，效果如下图。 要解决这个bug，首先想到的是让柱状图的容器自适应高度。于是，把原本div上写固定的高度去掉。 <div id="myChart1" :style="{height:'600px',width:'650px'}" class="cha
阅读全文
posted @ 2022-03-24 17:38
摘要：<!DOCTYPE html> <html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta content="always" name="referrer"><meta name="theme-c
阅读全文
posted @ 2021-11-16 10:31
摘要：CSS: form,p （ margin-bottom:30px; margin-left:20px;） .shadow,.one,.two,.three,.four,.five,.six （ height:50px; width:280px; border:1px solid #CCC; ） .s
阅读全文
posted @ 2021-10-11 17:16
摘要：前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格，其实我们可以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将
阅读全文
posted @ 2020-05-22 08:08
摘要：一个父元素（块级元素）中有几个在同一水平线上的几个元素（行内块元素），设置其中某个元素的oveflow:hidden之后，会导致这几个行内元素不再是同一水平线上对齐 原因是： 1）行内元素的默认vertical-align:baseline（基线对齐），设置overflow不为visible之后会改
阅读全文
posted @ 2020-01-08 08:30
摘要：问题描述： button在chrome浏览器下被点击时会出现一个橙色的边框 在button上添加 :focus{outline:none;}也无法解决。 解决办法： 在button上添加 :focus{outline:0;} 解决。
阅读全文
posted @ 2019-05-16 14:37
浙公网安备 33010602011771号