摘要:
今天学了动画,动画的功能真的很强大,如果有哪个不把麻烦的耐心,完全可以做个 动画片出来。 1、animation-name 元素所应用的动画名称,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义 2、 keyframes 被称为关键帧,其类似于Flash中的关键帧。在C 阅读全文
摘要:
又来一个时钟效果了,这个的实现不需要canvas,都是div、ul、li画出的,好玩有真实。 哈哈~ 需要的js才能实现到走动这个效果,但js的内容不多,也不难。 主要是一个css里transform的使用的思路,transform里有很多变幻属性,而普通的时钟 在我心中就是个圆圆的东西,那么是不是 阅读全文
摘要:
感觉是不是特想送钟,老是编写些时钟的效果,今日就发个丑丑的时钟,老实说 有没有什么调试canvas的工具,老是要在浏览器刷新查看效果,好累啊~ (┬_┬) 代码: 这个钟重点不在怎么画,在三角函数,三角函数的使用与角度息息相关,Math.PI是π,Math.sin(),Math.cos()它们都是接 阅读全文
摘要:
CSS3 有3种和动画相关的属性:transform, transition, animation。 其中 transform 描述了元素静态样式。而transition 和 animation 却都能实现动画效果。 所以它们常常配合使用,可以做到一些很炫的效果。 不同点: 1. 触发条件不同。tr 阅读全文
摘要:
今天的属性比较有意思,带上过渡效果,让人眼前一亮,也让我知道以前不怎么知道的 属性。 action~ 1、background-origin 设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat 此属性才会生效。 2、background-clip 设 阅读全文
摘要:
现在学习到了过渡效果了,已经开始有做动画效果的意识了,会实现一些比较炫的小玩意, 一个网页加入过渡动画效果,会让人看起来很有美观,不僵硬,有看头,动画是一个网页 美观的主要体现之一,下面做个使用个过渡效果实现的抽奖例子。 先来效果图: 这个的实现需要使用到一些js代码。 所需图片: 这张图是poin 阅读全文
摘要:
这篇写的是今天的学习到的属性,一共20个。 属性再多,但也要会使用,会在使用时可以记起它,才能起到它为我们所需要的作用。 样式属性 1、border CSS边框属性允许你指定一个元素边框的样式和颜色。 边框样式border-style 属性用来定义边框的样式 none: 默认无边框 dotted: 阅读全文
摘要:
border这个属性在页面上的使用率还是很高,例如我们需要理解的盒模型就需要对border有个 比较深的理解,如果你会盒模型,但对border没有深的理解,那只能说你只是知道盒模型,而 不是懂得盒模型,因为学习盒模型的过程中必须懂border。 那么border有什么属性呢? Border-widt 阅读全文
摘要:
今天的课程加速了,比平时快了些,但觉得很不错。nice~ 属性选择符 E[att] 选择具有att属性的E元素。 E[att="val"] 选择具有att属性且属性值等于val的E元素。 E[att~="val"] 选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素。 E 阅读全文
摘要:
今日这篇是整合前面的css补充知识的。 我觉得前面的关于css的知识补充进去有点乱,今日整理整理一下。 层叠样式表 层叠是什么意思?为什么这个词如此重要,以至于要出现在它的名称里。 层叠可以简单地理解为冲突的解决方案。 什么是冲突? 就是同个元素在使用不同的选择器选择中后添加相同的样式。 优先级规则 阅读全文