css-transforms 相关问题

CSS变换允许使用CSS样式化的元素在二维或三维空间中进行变换

为什么转换顺序很重要?旋转/缩放与缩放/旋转产生的结果不同

在梳理了SVG规范以及诸如此类的指南之后,我仍在努力了解链式转换的工作原理。选定的相关引号当您应用...

回答 2 投票 1

CSS-结合变换和逼真的反射来创建3D图像

我正在尝试使用HTML和CSS创建站立式卡片的逼真的3D图像。到目前为止,我发现了CSS3变换和透视图属性,该属性可以用单个......>

回答 1 投票 0

在CSS中为菜单图标创建自定义形状

我有一个网站的svg图标,我想将其制作成CSS形状,以便可以对悬停做出自定义效果。我为此使用纯CSS,不确定我是否正在解决问题...

回答 1 投票 0

在Microsoft Edge上定位可悬停的卡标题

我一直在不同的浏览器上测试我的投资组合网站(http://www.meades.org/Hazel-Portfolio/)。该网站的登陆页面设计用于特定图像的标题,以淡入并遮盖...

回答 1 投票 0

有没有办法显示一个16:9的网页,它以正确的文本长宽比并且没有明显的像素显示在三个屏幕上延伸?

背景在商用电视上,有一种称为视频墙模式,您可以在一个屏幕上跨多个屏幕扩展一个模式。假设我正在使用4个屏幕,我正在尝试制作一个网络...

回答 1 投票 0

将文本旋转90°,结果div在父级中具有位置

当我旋转文本(或更确切地说是一个包含文本的div时,这会导致div转义其父对象。不仅如此,div的高度就是它的原始宽度。我宁愿坚持使用CSS来...

回答 1 投票 0

CSS3:在div和文本上具有不透明度的悬停效果

由于该页面未公开,因此我无法共享此页面。但是,我想做的是在div和H4文本元素上都创建一个悬停效果。似乎对我没有任何帮助。这里'...

回答 1 投票 0

背面可见性在Firefox中不起作用(在Chrome中有效)

背面可见性在Firefox中不起作用(在Chrome中可用),我正在尝试制作一张信用卡表格,该表格翻转以显示cvc编号。但是在Firefox中根本没有显示背面,并且...

回答 1 投票 0

brightness()函数和preserve-3d不能一起使用

我曾尝试在div上进行模糊处理,但由于我使用了transform-style:preserve-3d,因此无法正常工作。但是我想同时使用两者。这可能是什么原因,还有其他两种方式同时使用这两种方法吗...

回答 1 投票 3

[CSS转换在鼠标移动时失去悬停状态

我有以下HTML / CSS标记,应在:hover状态下转换div元素。将鼠标悬停在div元素上时,:hover样式正确添加。但是,在鼠标移动时,这些...

回答 3 投票 2

CSS变换旋转3D-悬停在卡的每个角上

我正在尝试使用css 3d旋转来模拟当鼠标悬停在卡上时将鼠标悬停在四个象限上的情况。左上,右上,左下,右下。我有左上方/右上方...

回答 1 投票 0

SVG文本元素上的CSS转换在Safari中不起作用

[尝试将电池指示器放置在父SVG中。子SVG 元素具有电池的路径和一个显示百分比的文本元素。它是...

回答 1 投票 0

为什么`transform:Perspective(1px)translateZ(0)`应用于此CSS过渡? [重复]

昨天我使用了来自hover.css的片段。我非常了解CSS,足以理解这里发生的事情,除了一行之外,它是transform:Perspective(1px)translateZ(0);。我试图喂...

回答 1 投票 0

CSS缩放比drawImage缩放更有效吗?

我想知道用drawImage和CSS缩放之间的区别是什么。我都尝试过,CSS似乎给出了更平滑的结果,而drawImage往往会有点失真-...

回答 1 投票 0

防止闪烁盘旋而CSS变换

而徘徊在垂直旋转锚如果鼠标附近没有动画变换闪烁用下面的代码的图像的中心:@keyframes自旋{0%{变换:rotateX(0deg);} ...

回答 2 投票 1

Angular-如何直接在组件内部修改HTML元素的CSS变换属性

我正在尝试为当前正在使用Angular创建的应用程序创建模拟时钟。我需要根据当前时间在时钟上旋转秒/分钟/小时处理程序,但是我不知道如何...

回答 2 投票 1

调整大小的立方体

我有一组从立方体的代码使用CSS创建。但是,我怎么调整这个成一个更大的立方体(例如,200像素)?我曾经试过,但每次我尝试这样做,它超出位置......

回答 2 投票 8

HTML / CSS三角与伪构件

我试图创建一个伪元素的三角形形状。像一个下方的图像上。但是,这是我所得到的。以下是我已经远远尝试这个。 .container .FORM - 容器:前{...

回答 1 投票 5

这是为什么动画不正确的?

我想实现一个表(基于CSS-电网的时刻)与行是隐藏的。当点击某个地方,该行应扩大平稳。我希望此行的内容是可见的和...

回答 1 投票 0

CSS转换VS转换[关闭]

CSS转换和转换之间的主要区别是什么?这两者都用于改变对象的当前形状/状态。 (你可以用JS等做漂亮的动画..)但是......

回答 2 投票 31

© www.soinside.com 2019 - 2024. All rights reserved.