对于CSS中是否有等待功能?感兴趣的读者,本文将提供您所需要的所有信息,我们将详细讲解css中是否有等待功能的代码,并且为您提供关于Chrome浏览器中是否有“字体平滑”功能?、Freemarker中
对于CSS 中是否有等待功能?感兴趣的读者,本文将提供您所需要的所有信息,我们将详细讲解css 中是否有等待功能的代码,并且为您提供关于Chrome浏览器中是否有“字体平滑”功能?、Freemarker中是否有等待/睡眠功能?、html – css4中是否有父选择器?、Java Swing中是否有等效的“ Group Box”?的宝贵知识。
本文目录一览:- CSS 中是否有等待功能?(css 中是否有等待功能的代码)
- Chrome浏览器中是否有“字体平滑”功能?
- Freemarker中是否有等待/睡眠功能?
- html – css4中是否有父选择器?
- Java Swing中是否有等效的“ Group Box”?
CSS 中是否有等待功能?(css 中是否有等待功能的代码)
如何解决CSS 中是否有等待功能??
我正在尝试制作一个动画,使 [[''0'',''0'',''2'',''1'',''3'',''5''],[''0'',''4'',''0''],''6'',''0'']]
>>>
元素在悬停时变大 10 像素,在不悬停时变小 10 像素。唯一的问题是,当悬停时,它播放动画,元素按预期变大 10 个像素,但动画结束,元素恢复到原始大小。
这是当前的代码:
div
我试过播放动画然后暂停它,但我需要一个等待功能。这可能可以用 JavaScript 轻松解决,但我尽量不使用它(因为我很懒)。
解决方法
我不确定延迟是否是您最好的选择 - 听起来您尝试做的事情可能会通过 transition 更好地完成。
具体来说,查看 .box_2
的 CSS 代码。
transition: all 1s;
您可以使用过渡做很多事情,但这应该会让您开始。
.box_2 {
background-color: green;
border-radius: 50px;
width: 300px;
height: 400px;
transition: all 1s;
}
.box_2:hover {
width: 320px;
height: 420px;
}
.metabox {
display: flex;
justify-content: space-evenly;
}
.box {
padding: 2em;
margin: 2em;
}
.box_1 {
background-color: green;
border-radius: 50px;
display: block;
width: 300px;
height: 400px;
}
.box_1:hover {
animation-name: bigger;
animation-duration: 2s;
animation-iteration-count: 1;
animation-direction: normal;
}
.box_1:not(hover) {
animation_name: bigger;
animation-duration: 2s;
animation-direction: reverse;
animation-iteration-count: 1;
}
@keyframes bigger {
from {
width: 300px;
height: 400px;
}
to {
width: 310px;
height: 410px;
}
}
<!-- example for SO question -->
<!-- https://stackoverflow.com/questions/68594744/is-there-a-wait-function-in-css -->
<div>
<div>Box_1</div>
<div>Box_2</div>
</div>
此外,根据上下文,您可能不需要 display: block;
上的 .box_1
,因为这是块级元素的默认设置。
Chrome浏览器中是否有“字体平滑”功能?
我使用的是google webfonts,它们可以使用超大字体,但在18px时看起来很糟糕。我在这里和那里已经读到了一些用于字体平滑的解决方案,但是我还没有找到任何可以清楚解释它的地方,而且我发现的一些代码片段根本不起作用。
h4在几乎所有浏览器中,我的表现都很糟糕,但Chrome最糟糕。在Chrome浏览器中,我的几乎所有字体看起来都很糟糕。
谁能指出我正确的方向?也许您知道可以清楚地说明这一点的资源?谢谢!
示例屏幕#1
此屏幕快照显示了的主页,https://www.dartlang.org/是Google制作的一种编程语言(因此我们可以暗示该网站也由Google构建)并使用Google Webfonts。
屏幕截图在左侧显示Google Chrome,在右侧显示Firefox / Internet Explorer 。:
示例屏幕#2
此屏幕快照使用Typekit提供的webfonts在Adobe.com上显示了产品信息页面。在字体方面,Adobe&Typekit是专业人士。
屏幕截图在右侧显示了Google Chrome,在左侧显示了Firefox / Internet Explorer:
答案1
小编典典第一行为默认行,第二行为:
-webkit-text-stroke: 0.3px;
第三行有:
-webkit-text-stroke: 0.6px;
因此,修复这些字体的方法就是简单地赋予它们
-webkit-text-stroke: 0.Xpx;
或RGBa语法(通过nezroy,在注释中找到!谢谢!)
-webkit-text-stroke: 1px rgba(0,0,0,0.1)
还有一种过时的可能性:给文本添加简单的(伪)阴影:
text-shadow: #fff 0px 1px 1px;
RGBa解决方案(可在Jasper Espejo的博客中找到):
text-shadow: 0 0 1px rgba(51,51,51,0.2);
Freemarker中是否有等待/睡眠功能?
FreeMarker不具有等待功能,FreeMarker是服务器端编译的UI模板语言,这意味着您编写的代码将被编译并将结果发送到UI。
有关更多信息,请参见文档:https://freemarker.apache.org/
如果您想睡觉,可以考虑使用javascript setTimeout()
函数或jQuery的sleep
函数。您可以使用FreeMarker轻松地混合javascript / jQuery。
html – css4中是否有父选择器?
从css3开始它不可能,css4中有什么可用吗?
解决方法
规范文件在这里:http://dev.w3.org/csswg/selectors/
但请注意,它是一个开发URL,规范仍然是一个正在进行中的工作.
在实际代码中,主题选择器可能如下所示:
div > !.foo > span
这将选择具有类foo的元素,即div的子元素,并且在其中具有作为子元素的跨度.
然而正如我所说,这不是一个完成的规范(实际上,主题选择器的语法在此过程中已经多次更改,并且可能仍然可能随时进行进一步更改).它还没有在任何浏览器中实现,并且没有任何期望它很快就会如此.
此外,即使/当选择器级别4在浏览器中实现时,规范明确指出某些选择器可能因性能原因而被排除在实现之外(它们区分“快速”选择器和“完整”选择器组) .主题选择器就是其中之一:如果规范保持原样,那么浏览器就没有强迫将它添加到CSS中.在这种情况下,他们可能会将其添加到Javascript,即对于像document.querySelector()这样的方法,而不是CSS本身.这对你没有任何帮助,因为它已经可以通过javascript找到一个父元素了. (有关详细信息,请参阅上面链接的规范中的2.1节).
所以简短的回答是:不,这是不可能的.未来可能有可能,但现在对你没有帮助,即使将来也可能会出现停滞不前的警告.
(您可能还想阅读this article这是一个比实际规范更具有最终用户友好性的文档.但是您会注意到自本文撰写以来主题选择器语法已经改变)
Java Swing中是否有等效的“ Group Box”?
尝试在Java / Swing中构建GUI应用程序。我主要习惯于使用VB之类的工具在Windows方面“绘画” GUI(或更准确地说,是Gupta
SQLWindows …想知道有多少人知道那是什么;-)。
我在Swing中找不到等效的Group Box …
使用组框,您将在几个相关小部件周围有一个方形框(通常带有标题)。一个示例是围绕几个单选按钮的分组框(标题说明了单选按钮的含义,例如,标题为“性别”的分组框带有“男性”和“女性”单选按钮)。
我进行了一些搜索…发现的唯一方法是添加一个子窗格,在该子窗格上设置边框,然后将“组”中的所有小部件添加到该子窗格。有没有更优雅的方法可以做到这一点?
关于CSS 中是否有等待功能?和css 中是否有等待功能的代码的问题就给大家分享到这里,感谢你花时间阅读本站内容,更多关于Chrome浏览器中是否有“字体平滑”功能?、Freemarker中是否有等待/睡眠功能?、html – css4中是否有父选择器?、Java Swing中是否有等效的“ Group Box”?等相关知识的信息别忘了在本站进行查找喔。
本文标签: