rotation相关内容

CSS边框旋转

在css中,我可以单独旋转边框,而不是旋转整个元素? 这样的东西: 我基本上想为我的视频播放器创建一个斜边。 我想做此帖的公认答案:点击这里 。 I ' code> Hello World。 我的名字是Jonathan。 此方块被扭曲。 ..
发布时间:2017-02-06 18:27:54 前端开发

围绕中心css3旋转图像

我试图围绕它的中心旋转一个世界 - 但是似乎没有旋转它正确的方式(绕自己的中心轴) 很难解释做了一个小提琴,你可以很好地....小提琴。 http:// jsfiddle .net / FQwYJ / 和我的css .world { -webkit-animation:spin1 2s无限线性; -moz-animation:spin1 2s无限线性; -o ..
发布时间:2017-02-06 14:19:55 前端开发

CSS旋转从页面的一侧移动DIV

我正在尝试创建一个边标记,如基本表单中所示。 http://www.firstforturf.co.uk/quotation.php 我试图尽可能多使用CSS而不是只是放入一个图像,但我遇到了一个问题。 旋转边DIV时,它从页面的一侧移动。我已经尝试将边距设置为0,但似乎没有工作。 如果有帮助,下面是sidetag的CSS规则。 color:#FFF; height: ..
发布时间:2017-01-20 22:52:55 前端开发

transform-origin不工作在firefox

我想在Firefox上做这个效果,但“transfrom-origin”无法正常工作,在Firefox上的结果看起来不一样 我想模仿挥动效果, Chrome和Opera以及Vivaldi对于IE我真的不在乎! 感谢 .arm-wave { -webkit-transform-origin:left left; -webkit-animation:wave 2s ease-in ..
发布时间:2017-01-20 21:50:02 前端开发

使用CSS3旋转背景图片

我有一个背景图片,有一个指向右边的箭头。当用户点击按钮时,所选状态将箭头改变为向下(使用我的图片精灵中的不同背景位置)。 是否还有动画使用CSS3,所以一旦按钮被点击和jQuery分配一个“选择”类,它将旋转动画(只有90度)从右到下? (最好使用带有指向右边的箭头的单个图像/位置) 我不确定是否需要使用变换或关键帧动画帧。 / p> 解决方案 您可以使用:: after(或: ..
发布时间:2017-01-20 02:46:18 前端开发

CSS相对于参考点的旋转

如何相对于定义的点旋转元素,即定义 x & (webkit) 正常旋转使元素的中心点为 参考。 解决方案 您可以使用transform-origin。 定义从元素左上角旋转的点。 transform-origin:0% 0% 这将围绕左上角旋转。 有关其他选项,请参见: https://developer.mozilla.org/En/ CSS / ..
发布时间:2017-01-20 02:15:58 前端开发

IE8 CSS旋转

我正在寻找CSS解决方案的旋转元素在IE8。一些解决方案,我发现说它应该在IE8工作,但它不适合我。 这是我试过的: .rotate { font-weight:bold; color:#000; background:#aa0; display:bl ..
发布时间:2017-01-20 01:34:37 前端开发

jQuery - CSS - 通过拖动鼠标事件旋转Div

我在搜索,因为几天没有真正的结果,也许有人可以帮助我这里。 我有一个div在我的页面(可以包含图像,一个文本区域,其他),它的可拖动和可调整大小(感谢jQuery UI),我想让它“可旋转”,在一个角落的句柄拖动和旋转它使用css transform(-wekbit-transform,moz -transform) 有可能吗?使用jQuery或其他Javascript? 实际上 ..
发布时间:2017-01-19 04:11:06 前端开发

提高css3文本旋转质量

我使用CSS3创建了一系列圆角标签。然后我旋转了这些标签,但文字的质量(Windows - Chrome)很差,并在转换时“昏暗/模糊”。什么是替代品?我应用我的CSS正确吗? http: //jsfiddle.net/jeepstone/9eGt3/ 解决方案 Chrome Chrome默认情况下不启用抗锯齿。但是,您可以将此CSS属性添加到您的元素以启用它: tra ..
发布时间:2017-01-19 03:26:11 前端开发

jquery动画旋转div

我想在animate函数中旋转一个div,例如 $('div' rotate:'30deg'},1000); 我发现这个: a href =“http://www.zachstronaut.com/posts/2009/08/07/jquery-animate-css-rotate-scale.html”> http://www.zachstronaut.co ..
发布时间:2017-01-19 01:59:14 前端开发

如何获取元素的位置用css旋转

我遇到一个问题,获得一个div的位置,在 rotate 过滤器应用于它。我有一个端点的位置,它的高度和它旋转的角度,但是在检查这个滤波器对MDN(“[cos(angle)sin(angle)-sin(angle)cos(angle) 0 0]“)我仍然不知道如何破解它。 例如: 我感兴趣的div是虚线。它的造型在那一刻是: left:80px; top:12px; height: ..
发布时间:2017-01-19 00:08:48 前端开发

旋转后调整div宽度和高度

如果我有这些规则: width:50px; height:100px; -moz-transform:rotate(0deg) 然后事件将转换更改为: -moz-transform:rotate(90deg) 自动交换宽度和高度?我需要旋转来切换宽度和高度,以准确地进行位置检测。 感谢, Joe 解决方案 看 ..
发布时间:2017-01-18 23:53:44 前端开发

在jQuery中转换

我想使用jquery获取一个元素来旋转鼠标悬停效果,我有这个 jsFiddle 去测试。到目前为止我有这个: $(“。icon”)hover(function {){ $ this).stop()。animate({transform:“rotate(-90deg)”,height:“200px”},400); },function(){ $(this).stop ().animat ..
发布时间:2017-01-18 21:41:49 前端开发

基于单独元素中的光标位置旋转元素

我最近使用breadcrumbs目录功能,需要根据breadcrumbs容器元素中的光标x位置旋转元素。长篇小说,我需要下面的“#指针框”中的箭头总是指向光标,当它在'#目标框“。 我正在寻找两个单独的公式,将a。)设置箭头的初始最左侧位置,当'#目标框'光标x位置在0,和b。)保持箭头的最左和最右旋转属性成比例在任何浏览器宽度或窗口调整大小。 任何帮助都非常感谢。 这里是现场演 ..
发布时间:2017-01-18 16:16:33 前端开发

在Chrome中使用webkit-transform旋转时,文字消除锯齿

我使用 -webkit-transform:rotate()旋转元素,并在Chrome 14.0.835.2 dev-m它做了一些很奇怪的东西,元素。它让我想起当你使用“平滑”消除锯齿而不是“清脆”旋转文本时,你在Photoshop中得到的类似效果。 任何人都知道这里发生了什么?它是特定于这个webkit或Chrome版本或有我可以做的来解决它吗? (它也不是列表元素之间的边界的反锯齿) ..
发布时间:2017-01-18 15:53:30 前端开发