草庐IT

TRANSFORM

全部标签

javascript - JQuery 设置 CSS Transform, Translate 类中的属性

我似乎无法使用Jquery设置transform的CSS属性。HereismyCode:https://jsfiddle.net/op7Lsvdp/这两个是我试过都不成功的方法。$('.slideToCart').css({'-webkit-transform':'translate(left,top)','-moz-transform':'translate(left,top)','-ms-transform':'translate(left,top)','-o-transform':'translate(left,top)','transform':'translate(left,

html - 如何在规模化的同时填补空白

如何在使用-webkit-transform:时填充底部的空隙?当div变小时会有一个空隙。我该如何弥补这个差距?这是代码hovermeMaurismaurisante,blanditet,ultricesa,suscipiteget,quam.Integerutneque.Vivamusnisimetus,molestievel,gravidain,condimentumsitamet,nunc.Namanibh.Donecsuscipiteros.Nammi.Proinviverraleoutodio.Curabiturmalesuada.Vestibulumaveliteuant

html - 如何在规模化的同时填补空白

如何在使用-webkit-transform:时填充底部的空隙?当div变小时会有一个空隙。我该如何弥补这个差距?这是代码hovermeMaurismaurisante,blanditet,ultricesa,suscipiteget,quam.Integerutneque.Vivamusnisimetus,molestievel,gravidain,condimentumsitamet,nunc.Namanibh.Donecsuscipiteros.Nammi.Proinviverraleoutodio.Curabiturmalesuada.Vestibulumaveliteuant

html - 渐变斜体?

有没有办法从普通文本逐渐过渡到斜体,稍微改变每个字符的倾斜Angular? 最佳答案 Robin的想法确实可行(DEMO),但是那个fiddle有很多问题,我不确定我能否将它们放入一条评论中。首先,span是一个inline元素,而transform作用于block元素。因此,您要么使用block元素,例如div或p,要么在上设置display:block跨度。不要使用skew!使用skewX。skew出现在早期的草稿中,此后已被删除。它甚至不受Firefox14的支持,尽管由于兼容性原因它在Firefox15中重新引入并且仍然可以

html - 渐变斜体?

有没有办法从普通文本逐渐过渡到斜体,稍微改变每个字符的倾斜Angular? 最佳答案 Robin的想法确实可行(DEMO),但是那个fiddle有很多问题,我不确定我能否将它们放入一条评论中。首先,span是一个inline元素,而transform作用于block元素。因此,您要么使用block元素,例如div或p,要么在上设置display:block跨度。不要使用skew!使用skewX。skew出现在早期的草稿中,此后已被删除。它甚至不受Firefox14的支持,尽管由于兼容性原因它在Firefox15中重新引入并且仍然可以

jquery - CSS float 操作按钮

我正在尝试制作一个按钮,当您将鼠标悬停在该按钮上时,其他选项会弹出。我一直在寻找一种方法来做类似下面的屏幕截图的事情,但我做不到。它用于网页,因此需要使用HTML、CSS和jQuery来完成。 最佳答案 这是一个使用HTML和CSS创建float操作按钮(没有悬停效果)的示例。.kc_fab_main_btn{background-color:#F44336;width:60px;height:60px;border-radius:100%;background:#F44336;border:none;outline:none;co

jquery - CSS float 操作按钮

我正在尝试制作一个按钮,当您将鼠标悬停在该按钮上时,其他选项会弹出。我一直在寻找一种方法来做类似下面的屏幕截图的事情,但我做不到。它用于网页,因此需要使用HTML、CSS和jQuery来完成。 最佳答案 这是一个使用HTML和CSS创建float操作按钮(没有悬停效果)的示例。.kc_fab_main_btn{background-color:#F44336;width:60px;height:60px;border-radius:100%;background:#F44336;border:none;outline:none;co

html - 180度旋转的div只能从一侧点击

我遇到了一个相当奇怪的问题。我有一个可通过CSS3旋转的div。该div有一个前div子元素和一个后div子元素,后div具有-webkit-transform:rotateY(180deg)设置。一旦父元素旋转显示div的背面,它只会检测恰好在div一侧的子元素的点击,特别是div的后半部分或右侧。正面div检测元素整个表面上的点击。另外,z-indexes也很好。我认为问题可能是由于旋转和浏览器显示一半的一侧“更近”所致?破坏的代码非常复杂,所以我创建了一个测试文件来演示下面的问题。我正在使用我为3D转换编写的jQuery插件,可以在此处找到https://github.com/p

html - 180度旋转的div只能从一侧点击

我遇到了一个相当奇怪的问题。我有一个可通过CSS3旋转的div。该div有一个前div子元素和一个后div子元素,后div具有-webkit-transform:rotateY(180deg)设置。一旦父元素旋转显示div的背面,它只会检测恰好在div一侧的子元素的点击,特别是div的后半部分或右侧。正面div检测元素整个表面上的点击。另外,z-indexes也很好。我认为问题可能是由于旋转和浏览器显示一半的一侧“更近”所致?破坏的代码非常复杂,所以我创建了一个测试文件来演示下面的问题。我正在使用我为3D转换编写的jQuery插件,可以在此处找到https://github.com/p

html - CSS反转整个网站(镜像效果)

我正在构建一个多语言网站。有些语言(如希伯来语)是从右到左阅读的。除了实际的文本,这些用户还习惯于颠倒导航和其他视觉线索。例如,顶部的主菜单将向右对齐。“后退”按钮将指向前方,Logo在右上而不是左上等。当然,一个解决方案是创建一个全新的设计,但这意味着我必须维护2个模板。不理想。我只是在想,是否可以在CSS中翻转整个设计?就像照镜子一样?如果这看起来有些牵强,我也乐于接受更好的解决方案。使用的技术:PHP、Yii、Less.css、jQuery 最佳答案 可以完全按照您描述的方式翻转整个网站,但这里有几行CSS:http://js