css
文章平均质量分 82
lm778
不积跬步无以至千里
展开
-
纯html+css制作banner轮播图
应用css3高级特效 translateX,一般的滑动轮播图都是在水平方向上的滑动,原理是:在一个盒子里面把所需用到的图片放里面,进行float浮动 ,经过浮动后的元素是没有的间隙的,然后在装图片的盒子外边再外套一个盒子,进行溢出隐藏over-flow:hidden。装图片的盒子宽度是与所有图片的宽高一直,外套盒子宽高与一张banner图一致。/* 显示一张图片的宽高 *//*所有图片总宽度 *//* 图片不换行 */.........原创 2022-08-05 23:45:00 · 2899 阅读 · 2 评论 -
flex弹性盒子
合法值“auto”、“inherit”或一个后跟“%”、“px”、“em”或任何其他长度单位的数字。/*flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为rownowrap。2.flex-shrink一个数字,规定项目将相对于其他灵活的项目进行收缩的量。1.flex-grow一个数字,规定项目将相对于其他灵活的项目进行扩展的量。/*flex-wrapwrap允许换行*/flex-wrapwrap允许换行。......原创 2022-07-20 17:24:26 · 87 阅读 · 0 评论 -
css3 高级特效 图片实现3D视觉效果 图片3D旋转 移动 倾斜 缩放
利用属性 transform浏览器支持:在IE10,火狐浏览器和欧朋浏览器中支持transform属性 但在Chrome和苹果Safari中要求前缀内核-webkit-版本推荐使用最新版本谷歌浏览器打开,注释内容解除注释即可看到效果图片效果更为直观代码实现:倾斜skew()包含两个参数值,分别表示X轴和Y轴倾斜的角度,如果第二个参数为空,则默认为0,参数为负表示向相反方向倾斜。skewX();表示只在X轴(水平方向)倾斜。skewY();表示只在Y轴(垂直方向)倾斜。代码实例:..原创 2022-07-12 17:16:15 · 2107 阅读 · 0 评论 -
css3背景-背景图片-渐变色
背景图片 颜色 渐变原创 2022-07-11 21:44:17 · 3242 阅读 · 0 评论