我正在使用 TailwindCSS 并且正在制作一个简单的按钮,我希望在悬停时有一个阴影,然后在聚焦或活动时缩小。悬停样式有效,但活动样式无效。但是,当我单击它然后将鼠标从按钮上移开时它确实有效。
按钮:
<router-link :to="{name: 'createEvent'}" tag="button" class="w-1/6 mx-auto rounded-full font-semibold py-2 px-4 border border-white rounded text-blue-400 bg-white hover:shadow-lg focus:bounce-sm hover:translate-t-2px transition-fast">
Get Started
</router-link>
Run Code Online (Sandbox Code Playgroud)
CSS:
/*scale*/
@variants responsive, hover, focus, active {
.bounce-sm {
transform: scale(0.95);
}
}
Run Code Online (Sandbox Code Playgroud)
截图:
有人可以向我解释为什么会这样以及我如何解决它吗?谢谢!
我正在尝试在laravel中创建一个程序,一个人可以回答一个问题。在控制器中,我想检查namedAnswer是否与任何实际答案匹配。
我在网上看到了一些建议的东西。大多数人建议使用strpos。但是,我发现它无法正常运行。
例如,如果正确答案之一是“ Quorin Halfhand”,则strpos将对诸如“ Quo,Half,Hand,alf等”之类的答案显示return true。
我可以选择一个选项,让我进行清理并陈述我愿意接受的错误程度。
有什么有用的东西吗?
if (strpos($answers[$i], $request->answer) !== false) {
return 'an answer matches!';
} else {
return 'no answer mathches'
}
Run Code Online (Sandbox Code Playgroud)