2021年6月4日

本文介绍了CSS动画的设置,包括2D旋转、transform-origin属性以及scale的使用。同时,详细阐述了如何通过定义和调用动画实现复杂效果。在JavaScript部分,讲解了内嵌式、内部式和外部式三种引入JS的方式,并介绍了变量定义规则、数据类型以及注释的编写。
摘要由CSDN通过智能技术生成

一、CSS动画设置
rotate:2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转
设置元素中心:transform-origin: x y;(参数x和y用空格隔开,默认旋转中心是元素的中心(50% 50%))
,还可以给 x y 设置像素或者方位名词(top、bottom、left、right、cente)scale用来控制元素的放大和缩小
动画
动画是CSS3中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或者一组动画,从而实现复杂的动画效果。使用过程中先定义动画,在调用定义好的动画。
二、JavaScript 语法应用
HTML 应用 JavaScript 语法的 3 种方式
1.内嵌式:又称行内式,在HTML标签上编写JS;
如: <button οnclick=“alert(‘你好JavaScript’);”>Hello JavaScript

2.内部式:在HTML页面中的script标签中编写JS;
如:

3.外部式:在HTML页面中引入外部JS文件;
如:<script src=“xx.js"></ script >
JS变量的定义:var name=“hello”;

变量命名规则:
变量名只能包含:字母、数字、下划线( _ );
不能以数字开头;
不能使用JS关键字 变量名区分大小写;

JavaScript数据类型
字符串(String)
数字(Number)
布尔(Boolean)
对象(Object)
空(Null)
未定义(Undefined)
JS 注释编写有两种方式:单行注释 和 多行注释(与C语言注释方法一样。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值