leftarrow(leftarrow键)

遗失声明 2023-10-15 133 抢沙发

默认

摘要： 　　不少前端开发者会用到css3特效，今天在做页面时用到了一个上下浮动的效果，分享一下。 !DOCTYPE html html head meta charset="UTF-8"...

　　不少前端开发者会用到css3特效，今天在做页面时用到了一个上下浮动的效果，分享一下。

!DOCTYPE html html head meta charset="UTF-8" titleDocument/title style type="text/css" div{ background: #639; width: 235px; height: 216px; position: absolute; top: 300px; left: 300px; } /*nimation-delay:1s*/ @keyframes arrow1{ 0%{transform: translateY(0);} 100%{transform: translateY(20px);} } @-webkit-keyframes arrow1{ 0%{-webkit-transform: translateY(0);} 100%{-webkit-transform: translateY(20px);} } .arrow{ animation: arrow1 2s infinite; -webkit-animation: arrow1 2s infinite; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction:alternate; animation-direction:alternate; } /style /head body div img src="images/gyy_18.jpg" / /div /body /html

　　通过以上代码就能实现。

　　文汇建站（济南网站建设）为众多客户提供过创新易用的设计方案，有效的提升了产品体验和客户品牌价值，为用户带来真实的体验提升！用优秀的设计帮助企业创造具有影响力和价值的体验，创造超越竞争对手的品牌竞争力，以深度拓展设计的商业价值，用设计的的力量使客户实现商业目标，用设计的力量驱动企业的持续发展。

　　如果您想要了解更多网站建设方面的问题，那么欢迎您咨询文汇建站官网，我们必不会让您失望。文汇建站为企业量身定制企业型、营销型、高端品牌定制型网站，专注于为中小企业提供网站建设、网站制作、网站设计、网站开发等建站服务，助企业发展，赢得市场先机！