1-前端之路的开始——个小动画

原创 2017年10月06日 22:51:35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
body{
position: relative;
}
div{
font-family: Arial;
font-size: 72px;
font-weight: bold;
position: fixed;
right: 0px;
left: 0px;
   bottom: 30px;
width: 30px;
height: 30px;
margin:auto;
transform: rotate(90deg);
animation: jiantou 1s .5s infinite normal;
}
@-webkit-keyframes jiantou{
   from{bottom: 30px;}
   to{bottom: 10px;}
}
</style>
<body>
<div>
>
</div>
</body>
</html>

前端学习之路——jQuery动画

Hello World jQuery!

第十二周上机实践项目——c#之随机向左移动的小动画

/* *程序的版权和版本声明部分: *Copyright(c)2013,烟台大学计算机学院学生 *All rights reserved. *文件名称:随机向左移动的小动画 ...

菜鸟前端之路笔记1——学习路线

前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念: HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层,它的目的是...

flash小动画——飞碟

  • 2012年10月13日 17:11
  • 2.09MB
  • 下载

蝴蝶小动画——ppt素材

  • 2010年12月27日 23:26
  • 204KB
  • 下载

指尖上行--移动前端开发进阶之路(读书笔记)----2.1动画形式

chapter 2 技术创意形式 动画形式 移动设备 Web API 详解 WebVR 创意点 2.1 动画形式2.1.1 CSS3CSS3 Cascading Style Sheets 层叠样式表。...

前端之路——从视觉稿开始-2012.10

一直觉得要把一张视觉稿做成一个很炫的页面很难,也不知道该如何下手。通过这半个月来的学习的努力,自己终于把两个页面做出来了,虽然页面功能比较简单,但是在此期间自己也遇到了很多问题,特别是一些前端开发新手...

web前端之路(1)--清除浮动的三种方式

参考地址: 清除浮动 1. clear:both 2. width:100% + overflow:hidden 3. 的添加[不推荐用]原先:...

web前端学习之路(1)Javascript DOM编程艺术总结

到今天为止已经学习前端一周了,把JavaScript DOM编程艺术作为入门书籍,看了一个星期终于看完了,这本书不愧是入门级神书,看完以后我立马就知道HTML/CSS/JavaScript/DOM/A...

WEB前端研发工程师编程能力成长之路(1)

【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:1-前端之路的开始——个小动画
举报原因:
原因补充:

(最多只允许输入30个字)