sass 相关问题

我怎样才能在scss上做到这一点我尝试使用 svg 来表示三角形，但是渐变对三角形的效果不好我怎样才能在scss上实现它我尝试使用 svg 来表示三角形，但是渐变对三角形的效果不好 <svg viewBox="0 0 16 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0H0.343369C2.90388 0 5.30968 1.22564 6.81495 3.29695L14.0822 13.297C16.1201 16.1012 16.1201 19.8988 14.0822 22.703L6.81495 32.7031C5.30967 34.7744 2.90388 36 0.343369 36H0V0Z" fill="#181A28"/> <path d="M0 0H0.343369C2.90388 0 5.30968 1.22564 6.81495 3.29695L14.0822 13.297C16.1201 16.1012 16.1201 19.8988 14.0822 22.703L6.81495 32.7031C5.30967 34.7744 2.90388 36 0.343369 36H0V0Z" fill="url(#paint0_radial_2_119457)"/> <defs> <radialGradient id="paint0_radial_2_119457" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(62 36) rotate(-90) scale(46.5 162.75)"> <stop stop-color="#4C2FFF"/> <stop offset="1" stop-color="#0E0F16"/> </radialGradient> </defs> </svg> <div className={classNames( 'absolute right-[-6px] top-[50%] z-[-1] h-[34px] w-[16px] translate-y-[-50%]', layoutData?.side === 'left' && 'left-[-6px] right-[initial] rotate-180', )} > <TriangleIcon /> </div> 我会尝试使用剪辑路径： <div class="shape"></div> .shape { width: 250px; height: 70px; background: linear-gradient(to bottom, #a65bff, #8a2be2); clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%); border-radius: 20px; } 请参阅此处的示例：https://codepen.io/plant996/pen/rNbrQZV 尖头部分的半径很棘手，您还可以使用带有路径的剪辑路径，请参阅：https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path . 希望有帮助！

html css sass frontend

回答 1 投票 0

Webkit 滚动条适用于 Mac，但不适用于 Windows

我使用 -webkit-scrollbar 设计了一个简单的自定义滚动条，它曾经可以工作，但有一天它在某些组件中停止工作（在我的 Windows 机器上）。滚动条按预期工作...

html css angular sass

回答 1 投票 0

CSS 自定义属性，具有无法识别的 CSS 值的回退（例如，clamp()）

目前，根据 CanIUse 的数据，CSS 自定义属性在全球范围内享有 99.05% 的支持率。这大部分是由于 IE 支持具有多种关闭多边形填充之一，特别是在......

css sass css-variables clamp

回答 1 投票 0

我无法在我的反应应用程序上显示帖子，我尝试过谷歌搜索、chatgpt、bard，但仍然没有得到输出

所以我是一个新手，正在尝试在观看教程时使用 React 制作一个博客网站，但我陷入了帖子没有显示在屏幕上的地步 github 仓库链接-> https://

javascript reactjs sass react-router jsx

回答 1 投票 0

是否可以将SCSS编译为仅在网站（外部CSS）或页面（内部CSS）上使用的CSS？

我通常使用外部 CSS 文件在 Next.js 中构建网站（Next.js 将外部 SCSS 文件编译为 CSS 文件），或者基于静态/CMS 的网站/模块/插件也使用外部...

css next.js sass static gulp

回答 1 投票 0

更改 ng-bootstrap 轮播中的箭头颜色

我正在使用 ng-bootstrap 创建轮播，我想将箭头颜色或图像从白色更改为黑色，因为我有白色背景图像并且它们是不可见的。我的问题是我无法获得跨度，...

html sass bootstrap-4

回答 6 投票 0

如何优化scss代码以应用于特定选择器？

我不想写第二次标签选择器。如何合并两个 CSS？不要对 .mat-checkbox 选择器应用 padding-right。标签，.mat-checkbox .mat-checkbox-layout .mat-checkbox-label...

css sass css-selectors

回答 0 投票 0

SCSS：带有：导出的根部分

我有 test.module.scss 文件，我在其中存储所有颜色、排版等变量。我希望能够在 React 组件中使用它。问题是文件顶部有 :root 才能 abl...

javascript css sass export icss

回答 1 投票 0

为什么CSS函数clamp被写入Sass unquote函数中？

我接手的一个项目，样式是用SCSS写的。有一次我想知道为什么CSS的clamp()函数是用unquote编写的。如果我删除取消引号，则没有区别。 div { 字体-s...

css sass

回答 4 投票 0

带有 css 变量的 Angular 材质主题

我的项目中有如下CSS变量：：根 { --颜色主色：#65A518； --颜色主色悬停：#558817； --颜色-原色-深色：#006729； --颜色-白色：#FFFFFF； } 但现在我必须...

css angular sass angular-material

回答 1 投票 0

在 Angular 中将样式应用到innerHTML

我有一个名为ExternalHtmlComponent的Angular组件，负责渲染从后端获取的HTML内容。 HTML 内容使用 [innerHTML] 动态插入到元素中

javascript html angular sass

回答 1 投票 0

sass 相关问题

最新问题