腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
变换
在
卡片
的
每个
角
上
旋转
3D
-
Hover
、
、
、
、
我正在尝试使用
CSS
3D
旋转
来模拟当鼠标悬停在被分成4个象限的
卡片
上
时按下它。左上,右上,左下,右下。我得到了左上角/右上角
的
效果,但无论我尝试哪种组合,我都不能让底部效果与顶部效果相同。你知道如何让左下角/右下角看起来正确,就像它们被按下一样,上角看起来也是正确
的
吗?此外,如果有更好
的
方法
在
css
/js中完全做到这一点,请告诉我,我只是第一次处理这些
css
转换。我添加了阴影,试图帮助“
浏览 20
提问于2019-10-12
得票数 0
回答已采纳
1
回答
仅使用正交渲染来模拟
3D
“
卡片
”
、
、
、
我发现如果我让左上角和右下角
的
y位置相同,我不会得到线性
的
“倾斜”,而是一个扭曲
的
,覆盖
在
顶部三
角
形(组成四边形)
的
纹理似乎被挤压了,而底部
的
三
角
形纹理看起来正常。我可以更改UV,四边形
上
的
四个点中
的
任何一个(但只
在
2D空间中,它是正交投影,所以
3D
空间不会有太多问题)。所以基本
上
我试图
在
正交投影中模拟二维四边形
上</e
浏览 1
提问于2010-04-07
得票数 2
回答已采纳
1
回答
小立方体
的
圆角图像
、
、
、
、
如何在小立方体圆角中显示图像...灯箱中
的
图像是圆角
的
……实际
的
图像在这里 <script type="text/javascript"> Gallery.setOptions
浏览 0
提问于2013-01-26
得票数 0
回答已采纳
2
回答
如何使用javascript
在
DIV
上
创建
卡片
翻转效果
、
、
、
我想使用简单
的
javascript和
CSS
在
DIV
上
创建一个
卡片
翻转效果(与webkit过渡和
3d
变换
相同),而不是库或插件。我如何才能做到这一点?因为大多数
CSS
3属性都适用于webkit浏览器。而且大多数javascript解决方案都使用jquery及其插件之类
的
库。我正在寻找一个解决方案,它不使用任何库,但只使用javascript/
CSS
,仍然可以跨浏览器工作。 任何帮助都将不胜感激。
浏览 2
提问于2012-01-23
得票数 5
回答已采纳
1
回答
设置
CSS
3伪
3d
对象
的
变换
原点
、
我试图建立一个“伪
3D
”
CSS
3幻灯片来举行我
的
网站
的
项目。我为
每个
元素编写
的
代码是 <div class="wrapper"> </div>基本
上
浏览 0
提问于2014-07-26
得票数 0
1
回答
变换
在
变换
的
元素中不起作用(
3D
)
、
、
请参考此 我有四个元素,
3d
转换成一个立方体,它们附加在一个container元素
上
。设置container元素
的
目的是,当我对container执行rotateX操作时,(我希望) roller元素将随其一起
旋转
,从而创建
3d
旋转
效果并避免为
每个
元素写入transform属性。问题是,当我
在
container元素
上
应用
3d
转换
CSS
规则时,roller元素
上
的
所
浏览 0
提问于2016-11-01
得票数 2
1
回答
有没有办法
在
webkit
CSS
3d
转换后获得一个边界框?
、
我正在使用Safari
3d
变换
来做一些效果。我想使用经典
的
Coverflow效果来放置一些图像。问题是,我想知道
每个
图像
旋转
后的确切宽度请注意,我甚至应用了透视。当然,DOM给出了原始图像
的
宽度,但是如何获得边界框或宽度呢?我尝试使用余弦和三
角
函数,但我得到
的
数字与屏幕
上
的
结果不同。这可能是由于视角
的
原因。无论如何
浏览 0
提问于2010-08-24
得票数 1
1
回答
为什么这个rotate3d()
CSS
转换
在
Internet Explorer10中不能正常工作?
、
、
、
我正在尝试使用
CSS
变换
和过渡来创建“翻牌”效果。我使用一个<div>来表示
卡片
,并使用两个子<div>来表示
卡片
的
正面和背面。两个面绝对位于彼此
的
顶部,后者具有180度
变换
以使其向后
旋转
。我创建了一个jsFiddle来说明我当前
的
方法: 这个效果在Chrome和Firefox (最新版本)中可以正常工作。然而,
在
IE10中,
卡片
似乎
在
两个轴
上</
浏览 4
提问于2013-05-23
得票数 2
回答已采纳
2
回答
CSS
3
变换
-处理悬停后
的
行为
、
、
、
、
在这段
CSS
3代码中,当我将鼠标悬停在类
上
时,它会
旋转
360度,但当我离开类时,它又回到了原来
的
位置。.class{ transition: transform 1s; } .class:
hover
{ transform: rotate(360deg); }
浏览 0
提问于2013-07-09
得票数 1
回答已采纳
3
回答
CSS
3 matrix3d矩形到梯形
的
转换
、
、
我正在尝试使用webkit对
CSS
3 transform: matrix3d(<matrix>)
的
支持来创建一种“落牌”效果。(输出
的
唯一目标是Chrome) 这是我现在拥有的
CSS
: margin: auto auto</div>上面的matrix3d是基于读取
的
,但它会产生一个围绕初始框底部定义
的
x轴翻转
浏览 0
提问于2011-02-10
得票数 8
回答已采纳
1
回答
立体标定后,将相机1图像中
的
2d点投影到摄像机2图像中
、
、
、
、
我想要做
的
是使用一副新
的
图像,计算图像L中
的
2d棋盘
角
,根据我
的
校准对这些点进行
变换
,并在图像R
上
绘制相应
的
转换点,希望它们与该图像中棋盘
的
角
点相匹配。编辑(澄清一些事情): 我想这样做
的
原因基本
上
是因为我想验证新
的
一对图像
的
立体校准。所以,我实际
上
不想得到两个图像之间
的
新
的
2d转换,我想检查
浏览 1
提问于2012-08-17
得票数 5
2
回答
核心动画动画层以水平翻转
、
、
我有两个视图,我想使用核心动画在两个视图之间切换,使
每个
视图
的
层具有动画效果。我想要
的
动画类似于UIViewAnimationOptionTransitionFlipFromLeft提供
的
动画,但我无法做到。我可以让图层
旋转
180度,然后当动画停止时,我转换到下一个视图。我使用
的
代码如下:self.v
浏览 0
提问于2012-08-11
得票数 2
回答已采纳
1
回答
给定一个点和一个平面,当平面缩放而不缩放点时,如何平移该点以匹配该平面?
、
、
、
、
给定一个具有平移和缩放矩阵
的
平面,我有一个只能平移但不能缩放
的
重叠点,并且必须停留在平面上
的
同一个点
上
。例如,如果使用以下
变换
转换平面:我可以在这一点
上
与之相匹配。但是,如果矩阵看起来像这样:我不能简单地匹配它,因为点
的
大小会变大。 如何在不缩放点
的
情况下找到移动该点以匹配平面的平移?
浏览 1
提问于2013-12-01
得票数 0
1
回答
在
react中按下按钮时
旋转
的
动画卡
、
、
我有React component Card,它有一个父div,里面有两个div (
卡片
的
正面和背面)和父div下面的一个按钮。我想要
的
是
在
点击按钮时
旋转
它们。我做了悬停和
变换
,但我正在努力使这项工作
的
按钮点击。 基本
上
,它应该在每次点击时
旋转
180度。有什么想法吗?编辑:
css
: .front,.back{ width: 300px; he
浏览 72
提问于2021-01-30
得票数 0
回答已采纳
1
回答
为什么我
的
代码可以
在
REPL中工作,而不能在文本编辑器(VSCode)中工作?
、
、
、
、
我正在做一个闪卡(这些都是虚构
的
单词和定义),它在REPL中工作得很完美,但当我试图让它在VSCode中工作时,它会让所有有but
的
- the
卡片
在悬停时翻转(就像它应该做
的
那样),但
卡片
的
背面只是正面的镜子,即使我有背面的可见性:隐藏在
CSS
中。transition: all 0.5s ease; } #more { } .thecard:
hove
浏览 0
提问于2020-07-25
得票数 0
3
回答
精灵动画Javascript?
、
、
、
有没有jQuery插件或javascript库可以支持像苹果Mac那样
的
“精灵”动画效果? 奖励: Actionscript库?C/C++?.NET?目标C?
浏览 5
提问于2010-04-05
得票数 9
回答已采纳
3
回答
检测对象在三维中
的
旋转
、
我有一个参考模型(例如一个三
角
形),它
的
'up‘向量被定义为<0 1 0>,它
的
'over’向量被定义为<1 0 0>。 现在我有了另一个相同大小
的
三
角
形,可以
在
3d
空间中任意
旋转
和定位。我想要做
的
是找出这个新三
角
形
的
“
上
”和“
上
”向量。也就是说,如果三
角
形绕X轴
旋转
180度,它<em
浏览 1
提问于2011-03-03
得票数 2
回答已采纳
1
回答
jQuery -
CSS
-通过拖动鼠标事件
旋转
分区
、
、
、
、
我已经找了几天了,但没有真正
的
结果,也许有人可以在这里帮助我。我
在
我
的
页面上有一个div (可以包含图像,文本区,其他),它是可拖动和可调整大小
的
(感谢jQuery UI),我想让它“可
旋转
”,
在
一个
角
上有一个手柄,使用
css
变换
(-wekbit-
变换
,moz-
变换
)来拖动和
旋转
它。实际
上
,我并不关心与IE
的
兼容性。 提前感谢,致以敬意
浏览 0
提问于2010-08-09
得票数 13
回答已采纳
2
回答
CSS
3
变换
:悬停时
旋转
、
、
、
我有一个很好
的
动画设置,所以我有一个子弹射击一个明星,然后
旋转
后,你悬停在枪
上
,所有的工作,但......#star { height:49px; z-index:5; top:63px;o-transition: all 4s ease-out; -ms-transition: a
浏览 1
提问于2013-08-08
得票数 0
2
回答
悬停时
变换
rotateX(40度)
、
、
、
、
我想我应该使用JQuery,因为我比高级
CSS
动画更了解它。我尝试了很多方法,但都不起作用。下面的代码就是我目前所拥有的。$(document).ready(function() { $('proj1').animate({ transform
浏览 0
提问于2015-05-26
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
出色的CSS图像悬停效果汇总
学前端的你,是不是以为 CSS 只是个简单的布局?可以这么炫
70多个非常实用的CSS小技巧
css 3D 的魅力
CSS 3D 的魅力
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券