51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

CSS悬停在SVG上导致光标错误。

CSS悬停在SVG上导致光标错误。

厉飞雨 阅读(330) 评论(0) 赞(13)

<p>英文:</p> <p>CSS SVG on hover causes cursor bug</p> <h1>问题 {#heading}</h1> <p>我正在尝试在我的网站上将光标在悬停在SVG上时更改为指针。但是由于某种原因,当我在它们之间切换时,光标看起来非常奇怪。有什么可能导致这种情...

纯 CSS 实现圆弧

纯 CSS 实现圆弧

厉飞雨 阅读(389) 评论(0) 赞(18)

<p>前端需求经常千变万化,有时需要用到如下图的圆弧背景,我们马上想到可以直接使用背景图,其实直接用 <code>css</code> 就可以实现类似效果。</p> <p><img src="http://static.51tbox.com/static/2024-11-29/col/3bd813ffc...

纯 CSS 实现 uni-app 带边框和阴影的优惠券打孔效果

纯 CSS 实现 uni-app 带边框和阴影的优惠券打孔效果

厉飞雨 阅读(461) 评论(0) 赞(18)

<h2>背景</h2> <p>开发前端项目,特别是商城项目,难免会涉及优惠券的开发,而且产品和客户对优惠券样式的要求又千变万化。就比如今天产品和 UI 给了个设计图,需要实现如下图所示的左右镂空的挖孔且带阴影效果的优惠券。</p> <p><img src="http://static.51tbox.co...

CSS毛玻璃背景

CSS毛玻璃背景

厉飞雨 阅读(311) 评论(0) 赞(22)

给大家分享一个简单的纯CSS毛玻璃特效,用毛玻璃背景以其独特的美学效果备受追捧。这种背景不仅赋予网站一种柔和、朦胧的感觉,还能提升用户的视觉体验。 效果展示 ---- ![IMG_5661.jpeg](http://static.51tbox.com/static/2024-11-29/col/a5149dc12ea9ad4b6e1a2b4e87feaddb/99abc79...

不错的CSS特效2

不错的CSS特效2

厉飞雨 阅读(254) 评论(0) 赞(16)

<p>喜欢看网页上那些酷炫的效果吗?这就是CSS的功劳!我整理了一些很棒的CSS特效,让网页看起来更有趣、更生动。这些特效有的简单,有的复杂,但都用的是简单易懂的代码。比如,颜色会慢慢变化的背景,会动的小图标,还有跟着你的鼠标动来动去的效果。这篇文章里,我会和大家分享并展示这些让人看了还想看的CSS特效。</p> <p>接上次分享的<a...

不错的CSS特效1

不错的CSS特效1

厉飞雨 阅读(412) 评论(0) 赞(16)

<p>喜欢看网页上那些酷炫的效果吗?这就是CSS的功劳!我整理了一些很棒的CSS特效,让网页看起来更有趣、更生动。这些特效有的简单,有的复杂,但都用的是简单易懂的代码。比如,颜色会慢慢变化的背景,会动的小图标,还有跟着你的鼠标动来动去的效果。这篇文章里,我会和大家分享并展示这些让人看了还想看的CSS特效。快来一起看看吧!</p> <p>相关文...

Nodejs 版本管理工具 nvm 介绍

Nodejs 版本管理工具 nvm 介绍

厉飞雨 阅读(308) 评论(0) 赞(15)

> NVM 是 NodeJS 开发环境的版本管理工具,可以方便的在同一台设备上进行多个node版本之间切换,本文记录相关信息。 ### 简介 {#简介} Node Version Manager(NVM) 是一种用于管理多个主动节点.js版本的工具。 Node.js平台,Node.js工具社区和Node.js库是快速移动的目标 - 在一个Node.js版本下可能有效...