草庐IT

TRANSFORM

全部标签

javascript - 使用 css 集成样式标签

我尝试添加头使用jquery。我试过这样$("").appendTo("head");以前,我有这种类型的img{-moz-animation:.6srotateRightinfinitelinear;-webkit-animation:.6srotateRightinfinitelinear;}@-moz-keyframesrotateRight{0%{-moz-transform:rotate(0deg);-moz-transform-origin:50%50%;}100%{-moz-transform:rotate(360deg);}}@-webkit-keyframesrota

html - 使用 CSS 的垂直按钮

我正在尝试构建一个垂直按钮,但我无法将文本放在一行中。到目前为止,我有:知道如何下推文本并将其放在一行中吗?#hp-ctn-howItWorks{position:fixed;top:50px;right:0px;padding:0px;margin:0px;width:40px;height:160px;background:#FF931E;z-index:15;border-radius:3px0px0px3px;}#hp-ctn-howItWorksimg{margin:15px0px0px13px;}#hp-ctn-howItWorksp{color:#fff;-moz-tra

html - 使用 CSS 的垂直按钮

我正在尝试构建一个垂直按钮,但我无法将文本放在一行中。到目前为止,我有:知道如何下推文本并将其放在一行中吗?#hp-ctn-howItWorks{position:fixed;top:50px;right:0px;padding:0px;margin:0px;width:40px;height:160px;background:#FF931E;z-index:15;border-radius:3px0px0px3px;}#hp-ctn-howItWorksimg{margin:15px0px0px13px;}#hp-ctn-howItWorksp{color:#fff;-moz-tra

html - 是一个css变换矩阵,相当于一个transform scale, skew, translate

css变换矩阵和变换缩放、倾斜、平移是否等价?根据thisanswercss变换矩阵值等同于旋转、倾斜和缩放函数,但是thispost让它看起来更复杂......矩阵(a,b,c,d,e,f)参数a和d用于缩放元素。与scale(a,d)方法相同。参数b和c用于倾斜元素。与skew(b,c)方法相同。参数e和f用于翻译元素。与translate(e,f)方法相同。变换矩阵真的有那么简单吗?所以下面的两个转换是相同的.scale-in{transform:scale(3,3)translate(200px,200px);}.scale-in-matrix{transform:matrix

html - 是一个css变换矩阵,相当于一个transform scale, skew, translate

css变换矩阵和变换缩放、倾斜、平移是否等价?根据thisanswercss变换矩阵值等同于旋转、倾斜和缩放函数,但是thispost让它看起来更复杂......矩阵(a,b,c,d,e,f)参数a和d用于缩放元素。与scale(a,d)方法相同。参数b和c用于倾斜元素。与skew(b,c)方法相同。参数e和f用于翻译元素。与translate(e,f)方法相同。变换矩阵真的有那么简单吗?所以下面的两个转换是相同的.scale-in{transform:scale(3,3)translate(200px,200px);}.scale-in-matrix{transform:matrix

html - 使用 css 缩放图像

我试图在鼠标悬停时缩放图像。我正在获得缩放效果,但图像应该在该“列表”标签内缩放,而不是在该“列表”之外缩放。我应该怎么做才能获得像弹出窗口一样的缩放效果?我已将CSS应用于列表以使其水平放置,例如:image1image2image3.....在ul和li标签中。.thumbnail_img{position:relative;z-index:0;/*right:420px;*/}.thumbnail_img:hover{background-color:transparent;z-index:100;}.thumbnail_imgspanimg{display:inline-blo

html - 使用 css 缩放图像

我试图在鼠标悬停时缩放图像。我正在获得缩放效果,但图像应该在该“列表”标签内缩放,而不是在该“列表”之外缩放。我应该怎么做才能获得像弹出窗口一样的缩放效果?我已将CSS应用于列表以使其水平放置,例如:image1image2image3.....在ul和li标签中。.thumbnail_img{position:relative;z-index:0;/*right:420px;*/}.thumbnail_img:hover{background-color:transparent;z-index:100;}.thumbnail_imgspanimg{display:inline-blo

html - 创建一个选项选择登陆页面

我想创建一个像游戏一样的着陆页。访问者可以选择“Professioneel”或“Speels”。说起来容易,但编程对我来说很难,所以这就是我想要的:2div有2个不同的background-image当有人hover在其中一个div我想要background-图片缩放(仅限图片),div上的不透明度从50%更改为80%。真正美好的future是在图像上显示下雪的gif。这就是我要创建的:之前之后:到目前为止,我所取得的成就是用background-image制作2个div,我什至不确定这是否是正确的方法。有人可以帮帮我吗?这是当我将鼠标悬停在当前代码上时发生的情况:(整个div缩放,而

html - 创建一个选项选择登陆页面

我想创建一个像游戏一样的着陆页。访问者可以选择“Professioneel”或“Speels”。说起来容易,但编程对我来说很难,所以这就是我想要的:2div有2个不同的background-image当有人hover在其中一个div我想要background-图片缩放(仅限图片),div上的不透明度从50%更改为80%。真正美好的future是在图像上显示下雪的gif。这就是我要创建的:之前之后:到目前为止,我所取得的成就是用background-image制作2个div,我什至不确定这是否是正确的方法。有人可以帮帮我吗?这是当我将鼠标悬停在当前代码上时发生的情况:(整个div缩放,而

jquery - Firefox 中的 CSS3 翻转动画错误

我用css3创建了一个翻转动画。在webkit浏览器上,翻转看起来不错,但在firefox中,翻转动画无法正常工作。可以看到翻转动画有效,但是看起来真的很“怪异”,并没有一直翻转。我的html:TitleLoremipsumLoremipsum.Loremipsum.Loremipsum.Loremipsum.Loremipsum.我的CSS:.employee{width:33%;float:left;display:block;padding:0.5em;height:20em;}.employee_container{height:100%;position:relative;-