开发工具与关键技术:DW中的HTML和CSS动画滚动
作者:木有窝的鸟~小通
撰写时间:2019年01月17日
我们知道,利用代码实现能千姿百态动画效果,用思维创作动画效果缔造各种各样的作品,确让人感觉非同凡响,不可思议。而通过代码来实现的动画浮动和平移,实际上消费的时间和代码量是很多的,一般我们实现的在创作的浮动,所需搭建HTML布局需要大量盒子层层去堆叠,使得一点程度上人的精神遭受磨损,造成大量不必要的麻烦,这种做法可能是徒劳的。
一般情况实现浮动的动画效果都是需要大量代码创作的,创作过程中一般通过下面代码实现:
而我在实现的动画效果,在我的想法里边就是通过浮动跳动,创作一些人物和虚构幻想的事物,达到呼之欲出的效果。例如通过写代码创作一个虚构的小僵尸,顺接这制作的小僵尸就能做到真实的跳动的效果。不过,往往通过写@keyframes函数实现想要的功能,然后还得调用。
曾否想过,仅仅通过一个小代码标签就能实现的上面的动画效果,确实让人觉得不可思议,需通过在HTML布局中用个DIV标签包裹标签:
给予一定的高度和宽度就能实现浮动和平移的效果,在一定程度上节省了大量时间,虽然代码只是一个小小的标签,却能达到和我上面做到效果一样,确让我感叹,我曾想为何如此多的代码被一个代码标签所代替。我想,我只是刚刚在进入最初的学者,瞬间着实让我感悟。
不过一个标签实现的功能确实的有限的,通过@keyframes函数实现的东西确实成千上万,不可估量。我们不可否认许多功能需要大量代码,而我们都想通过简洁的代码就能去实现的功能,正因为由此,我们应该去寻找更多简要的代码来实现更多的功能。