css3有个别特性,可以触发硬件gpu来加速独生子女证如何办理渲染,而不是调用默认浏览器引擎渲染;
但是很多属性,默认都是不开启硬件加速的;需要触发条件,一个最简单的触发条件就是使用3d属性(对z轴的操作)
效果图
代码
xml/html code
复制内容到剪贴板
<!doctypehtml><htmllang=“en”><head><metachart=“utf-8”>海藻泥<title>css3幻灯片</title><styletype=“吉林外国语大学text/css”media=“screen”>.items{ width:280px; height:150px; border:1pxsolid#ddd; box-sizing:border-box; border-radius:10px; 大专学历有用吗background-size:cover; -webkit-transform:translatez(0); transform:translatez(0); background-repeat:no-repeat; -webkit-animation:slider15slinearinfinitealternate; animation:slider15slinearinfinitealternate; -webkit-transform-origin:centercenter; transform-origin:centercenter; } @-webkit-keyframesslider{ 0%{ background-image:url(1.jpg); } 25%{ background-image:url(2.jpg); } 50%{ background-image:url(3.jpg); } 75%{ background-image:url(4.jpg); } 100%{ background-image:url(5.jpg); } } @keyframesslider{ 0%{ background-image:url(1.jpg); } 25%{ background-image:url(2.jpg); } 50%{ background-image:url(3.jpg); } 75%{ background-image:url(4.jpg); } 100%{ background-image:url(5.jpg); } } </style></head><body><divclass=“slider”><五四运动的胜利成果
divclass=“items”></div></div></body></html>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持www.887551.com。
