CSS3小布
导读:CSS3小布,是指一些新型的CSS3特性,可以用来实现更加动态、生动的网页效果。下面我们就来看看CSS3小布有哪些特性吧:/* 圆角 */.border-radius {border-radius: 5px;}/* 阴影 */.box-sh...
CSS3小布,是指一些新型的CSS3特性,可以用来实现更加动态、生动的网页效果。下面我们就来看看CSS3小布有哪些特性吧:
/* 圆角 */.border-radius {
border-radius: 5px;
}
/* 阴影 */.box-shadow {
box-shadow: 5px 5px 5px #888;
}
/* 渐变 */.gradient {
background: linear-gradient(to bottom, #fff, #000);
}
/* 旋转 */.transform {
transform: rotate(30deg);
}
/* 动画 */.animation {
animation: move 2s linear infinite;
}
@keyframes move {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100px);
}
100% {
transform: translateX(0);
}
}
以上代码展示的是圆角、阴影、渐变、旋转以及动画这几种CSS3小布特性,当然这还仅仅是冰山一角,CSS3还有很多新特性值得我们去了解。相信通过更加灵活的CSS3技术,我们可以创造出更加丰富、美观、有趣的网页效果。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS3小布
本文地址: https://pptw.com/jishu/450715.html
