- friendship connection
爱特流体-英文
自由淘
午梅
哈宜环境- 爱特流体控制有限公司
富地机械制造有限公司
大连瀚能环境科技有限公司
辽宁卓宝
简单的css3动画
2013-07-10 17:29:41<a href="#" class="mai">
<div class="two"></div>
</a>
<style>
.mai {
display:block;
width:300px;
height:300px;
background:#FC9;
position:relative;
overflow:hidden;
}
.mai .two {
background-color:#F90;
height: 100px;
width:300px;
left: 0;
position: absolute;
top:-100px;
transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg);
-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg);
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
transition: transform 0.2s ease-in 0s;
-webkit-transition: -webkit-transform 0.2s ease-in-out 0s;
z-index: 2;
}
.mai:hover .two {
transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1, 1) skewX(0deg) skewY(12deg);
-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1, 1) skewX(0deg) skewY(12deg);
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
transition: transform 0.2s ease-in 0s;
-webkit-transition: -webkit-transform 0.2s ease-in-out 0s;
}
.mai {
display:block;
width:300px;
height:300px;
background:#FC9;
position:relative;
overflow:hidden;
}
.mai .two {
background-color:#F90;
height: 100px;
width:300px;
left: 0;
position: absolute;
top:-100px;
transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg);
-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg);
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
transition: transform 0.2s ease-in 0s;
-webkit-transition: -webkit-transform 0.2s ease-in-out 0s;
z-index: 2;
}
.mai:hover .two {
transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1, 1) skewX(0deg) skewY(12deg);
-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) rotate(0deg) scale(1, 1) skewX(0deg) skewY(12deg);
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
transition: transform 0.2s ease-in 0s;
-webkit-transition: -webkit-transform 0.2s ease-in-out 0s;
}
</style>
上一篇：The Shapes of CSS 纯CSS画的基本图形
下一篇：
发表看法2
Where To Purchase AkChlor 250mg Without A Script edefececggefdebd
Ciao! freeren.org
We propose
Sending your business proposition through the feedback form which can be found on the sites in the Communication partition. Contact form are filled in by our program and the captcha is solved. The profit of this method is that messages sent through feedback forms are whitelisted. This method raise the odds that your message will be open.
Our database contains more than 25 million sites around the world to which we can send your message.
The cost of one million messages 49 USD
FREE TEST mailing of 50,000 messages to any country of your choice.
This message is automatically generated to use our contacts for communication.
Contact us.
Telegram - @FeedbackFormEU
Skype FeedbackForm2019
Email - FeedbackForm@make-success.com
WhatsApp - +44 7598 509161