css滑动门效果:不同长度的文字,两侧的背景图案一致,如下图所示。
效果预览:
素材图片:t2.jpg
源代码如下:
Ding Jianlong Html
body div{
margin:0;
padding:0;
}
#div1,#div2{
background-image:url('t2.jpg');
background-size:auto 30px;
background-repeat:no-repeat;
width:70px; /*修改此处*/
服务器托管网 height:30px;
line-height: 34px;
padding-left:20px;
font-size:16px;
}
#in1,#in2{
background-image:url('t2.jpg');
background-size:auto 30px;
background-repeat:no-repeat;
background-position: -250px 0; /*修改此处*/
height:30px;
}
#div2{服务器托管网
width:182px; /*修改此处*/
}
#in2{
background-position: -135px 0; /*修改此处*/
}
css滑动门效果,文字两侧背景花纹自适应
测试
这是汉字,中国文化
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
结构: 一般来讲,你组织声明文件的方式取决于库是如何被使用的。 在JavaScript中一个库有很多使用方式,这就需要你书写声明文件去匹配它们。 这篇指南涵盖了如何识别常见库的模式,和怎样书写符合相应模式的声明文件。 针对每种主要的库的组织模式,在模版一节都有…