Web常用工具 二维码美化 在线压缩 JavaScript AI工具汇总网站 ASP.NET控件源码查询 W3CHTML W3SCHOOL TypeScript 开源中国 51aspx github codeproject SQLBACKUP 几种排序算法比较 SQL中deny权限 MSDN下载 HttpWebRequest类 HTML5 stackoverflow ASP.NET 页生命周期概述 IIS 5.0 和 6.0 的 ASP.NET 应用程序生命周期概述 [SQL Server]视图sys.sysprocesses brnshop学习 SQL视频 Fiddler帮助文档 Sprint.Net SQLServer牛人博客 codeplex IIS官网 IE11 Developer Jquery源码视频上 Jquery源码视频下 Jquery Bugs jquery.miaov.com 正则表达式 Jquery API 1.9 Service Broker Javascript Object中的方法讲解 Microsoft webcast 微信开发接口 ECMAScript5 Underscore Jquery Bugs SQL存储过程事务嵌套 官网SQL事务锁 2345天气插件 Json数据查看 C++ jquery-plugin-validate 博学谷(传智播客) Swift视频 IOS代码论坛 SWIFT设计模式 操作系统下载 AngularJS VueJS ASPNETCORE 前端题库 Node.js ASPNETCORE 腾讯课堂 SwiftUI SwiftUI疑问解答 ADO.NET SMO 数字化企业网 Unicode码查询 Redis使用文档 .NET 微服务：适用于容器化 .NET 应用程序的体系结构 .NETCore5.0微软官方文档 CSS3.0 在 ASP.NET Core 中配置 Windows 身份验证 Maven使用教程 Maven Repository Thymeleaf Thymeleaf中文CSDN Spring官方文档 Spring中文文档 SpringBoot SpringData SVG在线设计工具 SVG教程01 SVG教程02 fontawesome图标库 mybatis官网 mybatis-spring中文 mysql教程 python教程 python的scrapy教程01 python的scrapy教程02 VS开发python xpath教程 腾讯向量数据库教程 JSZip浏览器内存中创建文件与文件夹 axios的使用文档 SheetJS(JS操作excel)的使用文档 金蝶云星空学习成长 常用接口调用 Three.js电子书 D3.js官网 anime.js官网 xlsx.js官网

huaan011

 

2025年3月3日

background-clip: text实现文字渐变

效果图： 

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <style type="text/css">
 5         .bg {
 6             height: 100px;
 7             width: 300px;
 8             line-height: 50px;
 9             color: transparent;
10             text-align: center;
11             font-size: 50px;
12             background: linear-gradient(to right, #923eb9, #13cb5f, #083f5b);
13             background-clip: text;
14             -webkit-background-clip: text;
15             -webkit-text-fill-color: transparent;
16         }
17     </style>
18 </head>
19 <body>
20     <div class="bg">内容（clip）</div>
21 </body>
22 </html>

 background-clip: text;现阶段只有 chrome支持的比较好。

posted @ 2025-03-03 09:23 华安 阅读(0) 评论(0) 推荐(0) 编辑

2025年2月28日

图片阻止父元素的点击事件，导致无法触发跳转

摘要： 问题：盒子里面包含图片，盒子有跳转事件，但是在百度浏览器中点击一直展示图片，不跳转。 原因：在某些情况下，图片可能会阻止父元素的点击事件，导致无法触发跳转。这可能是因为图片元素的点击事件冒泡到了父元素，而父元素的点击事件被图片元素捕获并处理了。 1 <div class="con"> 2 <img 阅读全文

posted @ 2025-02-28 18:13 华安 阅读(1) 评论(0) 推荐(0) 编辑

2025年2月27日

鼠标滑轮实现图片缩放

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片放大缩小</tit 阅读全文

posted @ 2025-02-27 21:11 华安 阅读(2) 评论(0) 推荐(0) 编辑

css样式中的百分比都是相对于谁的？

摘要： idth、height（正常定位） width 和 height 的百分比是分别根据父级元素块的宽度和高度来计算的。 相对定位的 top、left 1 position: relative; 2 top: 100%; 3 left: 100%; top 和 left 的百分比是分别根据父级元素块的高 阅读全文

posted @ 2025-02-27 19:31 华安 阅读(1) 评论(0) 推荐(0) 编辑

JS实现通过双指捏合，对div进行放大缩小

摘要： 在Web开发中，使用JavaScript和CSS可以实现一个双指捏合（Pinch to Zoom）的功能，使得用户可以通过触摸屏幕来放大或缩小一个div元素。这通常涉及到监听触摸事件，并计算手指间的距离变化，然后根据这个变化来调整div的尺寸。 下面是一个基本的实现步骤和示例代码： HTML 首先， 阅读全文

posted @ 2025-02-27 19:24 华安 阅读(2) 评论(0) 推荐(0) 编辑

2025年2月26日

了解CSS圆角：border-radius

摘要： border-radius是CSS中用于设置元素边框圆角的属性，可实现椭圆和各种圆角效果。它可以有1到4个值，分别对应不同角落的圆角半径，值可以用em、px等单位，也可以用/分隔设置x、y轴不同的半径。简写形式允许省略相同值，通过/可以单独指定x和y轴的半径。 什么是border-radius bo 阅读全文

posted @ 2025-02-26 08:45 华安 阅读(7) 评论(0) 推荐(0) 编辑

css剪裁clip-path——基本图形剪裁

摘要： `clip-path`属性，包括`inset()`用于矩形剪裁，支持百分比和圆角；`circle()`和`ellipse()`用于创建圆形和椭圆剪裁，支持半径百分比；以及`polygon()`用于自定义多边形剪裁，支持不规则形状。通过这些方法，可以实现更复杂的元素剪裁效果，创建独特的视觉设计。 矩形 阅读全文

posted @ 2025-02-26 08:33 华安 阅读(6) 评论(0) 推荐(0) 编辑

2025年2月10日

xlsx.js中 table数据导出成EXCEL的格式设置

摘要： 1、如果想将Table中的数据全部导出成文本，只需要按照如下代码设置： XLSX.utils.table_to_book(tableObj, {raw:true}); 2、如果想单独设置每个TD的导出数据格式，请按照如下代码设置： XLSX.utils.table_to_book(tableObj, 阅读全文

posted @ 2025-02-10 08:55 华安 阅读(8) 评论(0) 推荐(0) 编辑

2024年12月29日

getComputedStyle与currentStyle

摘要： 大家好，又见面了，我是你们的朋友全栈君。 本文参考https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedStyle 1.简介 getComputedStyle是window下的一个全局函数，可以获取元素真正使用的样式。 阅读全文

posted @ 2024-12-29 21:29 华安 阅读(37) 评论(0) 推荐(0) 编辑

一文读懂offsetHeight/offsetLeft/offsetTop/offsetWidth/offsetParent

摘要： 一、偏移量 对于块级元素来说，offsetTop、offsetLeft、offsetWidth、offsetHeight描述了元素相对于offsetParent的边界框。 偏移量：包括元素在屏幕上占用的所有空间，元素的可见大小有高度，宽度决定，包括所有的内边距，滚动条和边框大小(注意：不包含外边距) 阅读全文

posted @ 2024-12-29 21:24 华安 阅读(141) 评论(0) 推荐(0) 编辑

下一页

导航

统计

点击右上角即可分享
微信分享提示