2024-12-01 厉飞雨 阅读(343) 评论(0) 赞(24)

<p>英文:</p> <p>Changing the order of items in a CSS grid from left-right to top-down</p> <h1>问题 {#heading}</h1> <pre><code>我正在建立一个标签列表的系统，并且这些标...

2024-12-01 厉飞雨 阅读(305) 评论(0) 赞(18)

英文: How do I Remove(using a mouseover) a display none(CSS) with Jquery? 问题 {#heading} ============= 我正在制作一个卡片NFT项目，以进行练习，当我鼠标悬停在上面时，应该从HTML类"nft"中移除display:none。我尝试了很多方法，包括仅使用...

2024-12-01 厉飞雨 阅读(285) 评论(0) 赞(13)

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

2024-12-01 厉飞雨 阅读(202) 评论(0) 赞(12)

英文: CSS Tooltip Closes When Moving from Trigger Element to Content with Gap 问题 {#heading} ============= 我正在面临一个与CSS工具提示相关的问题，其中当鼠标从触发元素移动到工具提示内容时，工具提示会意外关闭，尤其是当两个元素之间有间隙或空白时。工具提示是在悬停在触发...

2024-12-01 厉飞雨 阅读(344) 评论(0) 赞(15)

英文: Scss variable not resolving to actual value 问题 {#heading} ============= 在使用以下方式初始化一个 SCSS 变量时，该变量包括一个 CSS 变量和一个回退值： $BaseFontSize: var(--BaseFontSize, 10px); 我尝试在一个函数中使用 `Base...

2024-12-01 厉飞雨 阅读(244) 评论(0) 赞(17)

<p>英文:</p> <p>conditional statement for media query on tailwindcss</p> <h1>问题 {#heading}</h1> <p>如何在Tailwind中仅针对中等或大屏幕设置条件语句？ 英文:</p> <p>...

2024-12-01 厉飞雨 阅读(523) 评论(0) 赞(19)

需求 --- 在文本文字较多时，只展示两行，第二行文末省略号，并且有"查看更多"按钮，点击展开全部。具体如图所示： ![](http://static.51tbox.com/static/2024-11-29/col/6218e26d645296235e00d3fb7535242b/58431c426aa54cc08c92ede27be08443.png...

2024-12-01 厉飞雨 阅读(335) 评论(0) 赞(17)

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

2024-12-01 厉飞雨 阅读(394) 评论(0) 赞(18)

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

2024-12-01 厉飞雨 阅读(277) 评论(0) 赞(22)

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