css相关内容

灰显表情符号(HTML/CSS)

我目前的问题是,我试图将一个带有表情符号的按钮变灰。 不过,由于表情符号的性质,似乎无法使用HTML/CSS属性更改颜色。 即: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> 🎨_myText 👎_myText2 ..
发布时间:2022-09-21 23:09:46 前端开发

如何在网站上使用表情符号字体?

我已下载Google's "Noto Color Emoji"字体,但无法使用。我对“Noto Sans Regular”这样的字体没有问题。但在Firefox(Windows 10)中,使用“Noto Color Emoji”字体时,我收到以下错误: downloadable font: no supported glyph shapes table(s) present (font-fa ..
发布时间:2022-09-21 22:23:02 前端开发

使用Node-Sass缩小CSS

我在NodeJS项目中使用SCSS,并使用以下命令将所有独立的SCSS文件转换为单个CSS文件 node-sass -w public/css/scss/style.scss public/css/style.css 我唯一的问题是我还希望缩小css文件。使用Node-Sass可以做到这一点吗?医生说有一个“紧凑型”的选项,但当我尝试时,它似乎不起作用 node-sass -w c ..
发布时间:2022-09-20 18:59:34 前端开发

如何旋转外部div而不是内部内容

如何将图像放入div中,并且此div以45度旋转? 推荐答案 在img的转换样式中添加scale值,如下所示: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> .profile-photo { width: 210px; height: 210px; position: relative; left: 43px; top: 50px; bo ..
发布时间:2022-09-06 23:33:41 前端开发

如何对父级悬停时的子级应用CSS变换

当悬停在li元素上时,我希望它的边框颜色和子图标一样变换。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> .list-group-item-card { transition: border-left-color 0.5s ease; transition: all 0.5s ease; border-left: 10p ..
发布时间:2022-09-06 23:29:47 前端开发

Css转换不会更改css布局

我有一个灵活的布局,它显示一条长的蓝色线条,然后在后面显示文本。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“假”数据-巴贝尔=“假”> There's no ..
发布时间:2022-09-06 23:15:54 前端开发

Safari中的CSS透视图/转换Z的问题

第一次使用透视和转换Z,我在使用Safari时遇到了一点问题。 我正在使用代码为我正在构建的站点创建一个简单的视差效果,它在Firefox和Chrome中可以正常工作,但在Safari中不能正常工作。Safari似乎在应用透视属性的容器的底部添加了填充,这在其他提到的浏览器上是不会发生的。 我查看了Safari的调试工具,以查看是否在不应该添加的位置添加了任何填充或页边距,但似乎并非如 ..
发布时间:2022-09-06 23:11:26 前端开发

网格元素使用CSS展开动画

我有以下内容 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> setTimeout(function(){ var sections = document.querySelectorAll('section'), main = document.querySelector('.grid-container'), //section = secti ..
发布时间:2022-09-06 22:51:59 前端开发

如何才能使我的CSS变换(旋转和倾斜原点)不向右移动几个像素?

在下面的示例中,当您单击div时,它将旋转和倾斜,但在此过渡期间,该位置似乎向右移动了几个像素。 有没有办法迫使它在过渡期间保持在左侧?我一直在玩原创游戏,但一直不能做到恰到好处: $('div.book').click(function() { $(this).toggleClass('open'); }); div.bg { background-color: #0 ..
发布时间:2022-09-06 22:48:23 前端开发

如何将css翻译添加到现有翻译中?

我使用css翻译在屏幕上放置了一个DIV元素。这可以很好地工作,只是在以后移位相同元素时,会丢弃原始移位。 使用Java脚本设置css开始位置 div.style.transform ="translate(800px, 400px)"; 在使用javascrip随机设置开始位置后,css动画只是将其重置回来。 CSS动画 @keyframes testanimatio ..
发布时间:2022-09-06 22:26:21 前端开发

将鼠标悬停在元素上会出现转换转换故障

如何阻止每个字母在底部悬停时出现毛刺?发生这种情况是因为字母改变了位置,所以它正在快速切换其过渡,但如何更好地编码,以便过渡将是平滑的?https://codepen.io/anon/pen/XBmPMV 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> #text { cursor: pointer; font-size: 7em; fon ..
发布时间:2022-09-06 22:19:27 前端开发

Css动画-从中心开始增长(从中心点缩放到整个容器)

我正在开发一个游戏,我想让一些方框具有动画效果。 我希望长方体从小开始,然后向外增长,所有边缘同时增长,效果看起来就像是从中心向外增长。 到目前为止,我得到的最好的动画是:它根据我的需要增加长方体的高度和宽度,但从左侧和顶部开始。我希望它从中心点开始。 我查看了W3上的动画属性,但似乎没有适合的属性。 .box_2_gen{ animation-dur ..
发布时间:2022-09-06 22:11:32 前端开发

溢出:隐藏,不使用正向平移

我最近在overflow: hidden;中遇到了一件奇怪的事情。我把它设置为一个元素,然后我想用translate()转换其中的元素,当它向负方向平移时,它将被隐藏,但如果我向正方向平移,它将不会被隐藏。在桌面浏览器中,它不会真正显示出来,但你只需一点鼠标工作就可以到达它。而在手机上,它只是卷轴,所以这是最糟糕的。 这里有一个展示它的例子:http://cssizer.com/KLHlPS ..
发布时间:2022-09-06 22:04:50 前端开发

矩形HTML中的菱形(&A;CSS3)

我想做一个长方形的钻石。我已经用正方形做过了: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> .box { width:100px; height:100px; background:orange; z-index:1; position:relative; } .box:before { positi ..
发布时间:2022-09-06 21:57:44 前端开发

按相同的像素量缩放X和Y方向的元素

我希望在X和Y方向按相同的绝对像素量(而不是相同的比例)缩放元素,以便 newWidth = oldWidth + n newHeight = oldHeight + n 其中n是增大的像素数,oldWidth和oldHeight是未知的。 有没有办法在纯CSS中做到这一点? css 如果维度未知,则无法使用推荐答案。在这种情况下,只有JavaScript可以做到这一点 ..
发布时间:2022-09-06 21:51:30 前端开发