我读到过最有效的方法(在渲染方面)是创建一个不透明度为0的::after伪元素，然后淡入阴影。我附加了两个片段，一个没有阴影，效果很好，第二个有阴影，有奇怪的效果。本质上，当存在伪元素时，backface-visiblity属性似乎出现了问题(或者我遗漏了什么)，但基本上卡片的背面甚至在翻转之前就已经显示出来了。我已经放慢了动画的速度，并在卡片的背面添加了一个红色的阴影，这样就可以很容易地看到发生了什么。all 3s ease; }
.card_
浏览 3提问于2018-07-30得票数 0
回答已采纳
1回答
我有一些实验的三维转换和背面的能见度:隐藏。我试图设置一个元素后台可见，但覆盖了一个伪元素本身，这一个背景色可见性:隐藏：.test { height: 100px; transition: all 2s linear;}
.test:aft
浏览 1提问于2013-07-08得票数 0
回答已采纳
我有一个可以旋转的figure (通过用户输入可以旋转到任何程度)，这种旋转使用transition属性可见地旋转。当该元素旋转超过90度/-90度时，该元素的背面是可见的。我想让元素通常隐藏的这一面的样式不同于正面的样式，但我不确定如何实现这一点。transition:1s; transform:rotateY(180deg);当前样式(浏览器默认)：所需的样式：有没有什么方法可以让元素</em
浏览 4提问于2013-07-08得票数 13
回答已采纳
是一种广泛使用的技巧，它使用不可见的:after伪元素来使容器正确地清除/包含其中的任何浮动元素。然而，问题是这个伪元素被支持flexbox的浏览器视为flex项，这可能会导致意外的布局问题。例如，如果您有两个flex项并使用justify-content: space-between，它们将出现在flex容器的开始和中间，不可见的clearfix ::after伪元素位
浏览 1提问于2016-01-18得票数 9
问题是，在父元素上应用透视图会破坏背面可见性隐藏设置。请看这个小提琴：
当您将鼠标悬停在红色方块上时，它将在x轴上旋转180°，即使背面可见性设置为隐藏，背面仍会显示，至少在达到180°之前，它会消失。去掉透视图属性，你会看到它按预期工作，背面根本看不见，但3d效果当然会丢失。可以通过在transform属性：中应用透视来解决这个问题，但这会在与transform-origin-z的联合中导致问题，当z设置为0以外的任何值时，整个事情变得“缩放”：，所
浏览 2提问于2012-09-27得票数 52
回答已采纳
我的span应用了visibility: hidden;，它有非空的::before和::after伪元素，它们不尊重Internet中的visibility: visible;属性(所有版本)。是什么导致了这一切？ bottom: -15px;<span></span>
当它们的计算内容值不是none时，这些伪元素生成方框，就好像它们是原始元素的直接子元素一样，并且可以像文档树中任何
浏览 2提问于2015-11-15得票数 1
回答已采纳
但是，在我的示例中，我有一个:after伪元素，用于创建一个类似纸张的阴影效果。这个伪元素是通过负z-index:-1;放置在卡后的.这适用于“正面”卡，但不适用于旋转后的卡，也不适用于“后”卡。表示“不可见”的:after伪元素只能部分可见。当您通过切换按钮翻转卡片时，会发生两件事：
显卡:after元素变得可见。这不是故意的。back卡:after
浏览 3提问于2013-09-20得票数 3
回答已采纳
我试图在我正在工作的一个网站的一些标题上应用一些CSS3转换，但是在包含文本的元素上的转换确实让我感到困扰:在浏览器中应用提示或网格适配字体的字形(我猜是大多数，除了Safari)，在转换的开始和结束处有一个明显的
浏览 0提问于2012-03-15得票数 28
挑战：示例： display: block;
width: 100px; he
浏览 3提问于2021-05-19得票数 1
回答已采纳
2回答
我的问题是，当您添加一个通过伪元素(到dropdown- content )或使用css的div的箭头时，on button click首先显示下拉内容，然后显示箭头(但箭头放在内容的顶部)。dropdown-button::before { display: inline;}
.dropdown-content:after
浏览 0提问于2016-12-31得票数 0
1回答
我谷歌了一下，但也许这里的人可以向我解释一下，为什么伪元素，即:before和:after会这样做。 content:"\f001"; display:
浏览 4提问于2015-05-04得票数 1
回答已采纳
我们如何使用selenium webdriver访问伪html元素？示例input::after、input::before等。这些元素的内容不显示在dom中，但在页面上可见。
浏览 2提问于2017-01-20得票数 1
2回答
当div展开时，:after伪元素(包含文本'look')消失，然后在动画的末尾重新出现。
有没有办法防止伪元素消失，使其在整个动画过程中都可见？
浏览 0提问于2013-07-21得票数 6
回答已采纳
我得到了span和::after伪元素：#someId {font-size: 36px;}}
我希望使::after元素可见，同时隐藏主元素。
浏览 4提问于2017-09-23得票数 7
回答已采纳
2回答
我有两个元素，一个锚和它的伪元素。在下面的代码片段中，伪元素位于其父元素之后。当它悬停时，伪元素会缩放。 20px 20px rgba(0, 0, 0, 0.2); background-color: #fff;}
background-color: red;
.btn:hover::after {
浏览 10提问于2019-06-24得票数 2
我使用了Chrome Code Inspector，但找不到导致此问题的原因。
我想删除这行。谢谢。
浏览 18提问于2017-01-18得票数 0
回答已采纳
1回答
我需要使用伪元素::after单击div。我可以用jQuery在控制台中执行单击操作，但是我不能在testcafe中执行，因为我得到了
错误：‘actionElementIsInvisibleError’使用选择器.more-options::after不工作
浏览 0提问于2019-04-12得票数 3
2回答
(可见性问题)
、、、、
我试图故意创建线程的可见性问题，但我得到了意想不到的结果： public class DownloadStatus { private; t2.start();
} 因此，运行它会产生可见性问题-第二个线程看不到更新的值，因为它在被第一个线程写回之前已经缓存了它-这导致了一个无限的(while)循环，第二个线程不断地检查缓存的isDone()。我不明白的是，为什
浏览 20提问于2020-03-20得票数 0
回答已采纳
1回答
我使用的方法是:在psuedo元素之后，唯一的问题是当我选中复选框时，选中标记就会在翻转发生之前出现。我试过后脸-可见性隐藏，但这会导致其中一方是隐形的，因为它是背面。html：css：-webkit-appearance:none;input:after{ position: absolute;
z-i
浏览 0提问于2016-10-05得票数 4
回答已采纳
云服务器
ICP备案
腾讯会议
云直播
实时音视频
腾讯云开发者
