51工具盒子
使用Jquery如何通过鼠标悬停来移除display none（CSS）？
英文: How do I Remove(using a mouseover) a display none(CSS) with Jquery? 问题 {#heading} ============= 我正在制作一个卡片NFT项目，以进行练习，当我鼠标悬停在上面时，应该从HTML类"nft"中移除display:none。我尝试了很多方法，包括仅使用...
CSS3
CSS悬停在SVG上导致光标错误。
<p>英文:</p> <p>CSS SVG on hover causes cursor bug</p> <h1>问题 {#heading}</h1> <p>我正在尝试在我的网站上将光标在悬停在SVG上时更改为指针。但是由于某种原因，当我在它们之间切换时，光标看起来非常奇怪。有什么可能导致这种情...
CSS提示框在从触发元素移动到带有间隙的内容时关闭。
英文: CSS Tooltip Closes When Moving from Trigger Element to Content with Gap 问题 {#heading} ============= 我正在面临一个与CSS工具提示相关的问题，其中当鼠标从触发元素移动到工具提示内容时，工具提示会意外关闭，尤其是当两个元素之间有间隙或空白时。工具提示是在悬停在触发...
Scss变量未解析为实际值。
英文: Scss variable not resolving to actual value 问题 {#heading} ============= 在使用以下方式初始化一个 SCSS 变量时，该变量包括一个 CSS 变量和一个回退值： $BaseFontSize: var(--BaseFontSize, 10px); 我尝试在一个函数中使用 `Base...
媒体查询的条件语句在Tailwind CSS中的表达方式：
<p>英文:</p> <p>conditional statement for media query on tailwindcss</p> <h1>问题 {#heading}</h1> <p>如何在Tailwind中仅针对中等或大屏幕设置条件语句？ 英文:</p> <p>...
CSS 实现文本溢出在文末点击“查看更多”按钮展示全部
需求 --- 在文本文字较多时，只展示两行，第二行文末省略号，并且有"查看更多"按钮，点击展开全部。具体如图所示： 
纯 CSS 实现圆弧
<p>前端需求经常千变万化，有时需要用到如下图的圆弧背景，我们马上想到可以直接使用背景图，其实直接用 <code>css</code> 就可以实现类似效果。</p> <p><img src="http://static.51tbox.com/static/2024-11-29/col/3bd813ffc...
纯 CSS 实现 uni-app 带边框和阴影的优惠券打孔效果
<h2>背景</h2> <p>开发前端项目，特别是商城项目，难免会涉及优惠券的开发，而且产品和客户对优惠券样式的要求又千变万化。就比如今天产品和 UI 给了个设计图，需要实现如下图所示的左右镂空的挖孔且带阴影效果的优惠券。</p> <p><img src="http://static.51tbox.co...
CSS毛玻璃背景
给大家分享一个简单的纯CSS毛玻璃特效，用毛玻璃背景以其独特的美学效果备受追捧。这种背景不仅赋予网站一种柔和、朦胧的感觉，还能提升用户的视觉体验。 效果展示 ---- 
不错的CSS特效2
<p>喜欢看网页上那些酷炫的效果吗？这就是CSS的功劳！我整理了一些很棒的CSS特效，让网页看起来更有趣、更生动。这些特效有的简单，有的复杂，但都用的是简单易懂的代码。比如，颜色会慢慢变化的背景，会动的小图标，还有跟着你的鼠标动来动去的效果。这篇文章里，我会和大家分享并展示这些让人看了还想看的CSS特效。</p> <p>接上次分享的<a...
