css3
关注
分享
扫一扫
CSH_lucky
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas的转换方法
导言：在画布中我们需要对绘制的图像进行移动，那么下面就是canvas来提供的一些方法一、 translate() 平移translate(x,y) 重新映射画布上的 (0,0) 位置x 沿x轴平移的距离y 沿y轴平移的距离注意：translate平移的是原点，而不是直接平移线条。cxt.beginPath();cxt.moveTo(0,0);cxt.lineTo(100,100);cxt.stroke();// cxt.tran原创 2020-05-10 17:09:54 · 492 阅读 · 0 评论 -
canvas小案例：钟表绘制
标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。 <script> // 获取canvas元素 var canvas = document.getElementById("mycanvas"); // 设置绘制环境 var ctx = canvas.getContext("2d"); </script>下面是一个canvasz综合小案例：绘制钟表，这里用到了很多canvas里的知识：平移（translate）、旋转（rot.原创 2020-05-10 15:46:33 · 307 阅读 · 0 评论 -
css3:animation属性
一、概述css3的animation属性可以制作动画效果，类似flash，他是通过关键帧来控制动画的每一步，达到让“动”起来的效果。animation的使用方法：定义动画 @keyframes 定义关键帧动画使用动画 利用animation属性调用定义好的动画。兼容性问题这个属性有兼用性问题，需要做兼容性处理InternetExplorer10、Firefox以及Opera浏览器...原创 2020-04-27 07:20:29 · 1319 阅读 · 0 评论 -
css3中的动画特效案例
引言最近学完css3的知识，下面做了几个有趣案例，来帮助自己熟悉css3的知识。一、升空的孔明灯<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>孔明灯</title> <style> *{ ...原创 2020-04-26 23:53:41 · 1917 阅读 · 0 评论