为您找到相关结果1,260,723个
纯CSS实现波浪移动效果的示例_CSS教程_CSS_网页制作_脚本之家
0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } 关于css 动画的使用,可以参考之前的一篇文章: 纯CSS实现轮播图效果 到这里,一个波浪的实现就完成了。第二个波浪的实现步骤和第一个是相同的,但是可以对width height border-raduis animation 这些属性进行修改,使两个波浪的运动节奏不同,有...
www.jb51.net/css/5960...html 2024-11-20
CSS3 画基本图形,圆形、椭圆形、三角形等_html5_网页制作_脚本之家
-webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -o-transform: skew(-45deg); transform: skew(-45deg); } CSS3 梯形 #css3-trapezoid{ width: 100px; height: 0; border-bottom: 100px solid #232323; border-left: 50px solid transparent; ...
www.jb51.net/html5/4955...html 2024-12-3
尤雨溪开发vue dev server理解vite原理_vue.js_脚本之家
// transform import statements // 转换 import 语句 // import Vue from 'vue' // => import Vue from "/__modules/vue" const result = await readSource(req) out = transformModuleImports(result.source) cacheData(key, out, result.updateTime) } send(res, out, 'application/javascript') } ...
www.jb51.net/article/2556...htm 2024-12-8
CSS实现元素水平垂直居中的几种方法_CSS布局实例_CSS_网页制作_脚本之...
然后,通过transform: translate(-50%, -50%);将元素向左和向上移动自身宽高的一半,从而实现元素在水平和垂直方向上的居中。 3. 使用Grid布局 如果你在项目中已经使用了CSS的Grid布局,那么也可以很容易地实现元素的水平和垂直居中。 1 2 3 4 5 6 html复制代码 <!-- 内容 --> 1 2 3 4 5 ...
www.jb51.net/css/9000...html 2024-11-30
基于HTML5+Webkit实现树叶飘落动画_html5_网页制作_脚本之家
0% { -webkit-transform: rotate(-50deg); } 100% { -webkit-transform: rotate(50deg); } } @-webkit-keyframes counterclockwiseSpinAndFlip { 0% { -webkit-transform: scale(-1, 1) rotate(50deg); } 100% { -webkit-transform: scale(-1, 1) rotate(-50deg); } } js代码: const NUMBER_...
www.jb51.net/html5/5937...html 2024-12-8
微信小程序 在Chrome浏览器上运行以及WebStorm的使用_JavaScript_脚本之...
Transform js文件对于js文件来说,则是一个拼装的过程,如下是我们的app.js文件:1 2 3 App({ onLaunch: function () { } })它在转换后会变成:1 2 3 4 5 6 7 8 define("app.js", function(require, module){var window={Math:Math}/*兼容babel*/,location,document,navigator,self,localStorage,...
www.jb51.net/article/935...htm 2024-12-4