TweenMax实现待办事项列表完成删除动画效果代码

代码语言:html

所属分类:其他

代码描述:TweenMax实现待办事项列表完成删除动画效果代码

代码标签: TweenMax 待办事项 列表 完成 删除 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Abril+Fatface|Quicksand|Open+Sans+Condensed:300|Oswald|Catamaran'>
 
    <style>
        body {
      background: #C33764;
      /* fallback for old browsers */
      background: -webkit-linear-gradient(to right, #1D2671, #C33764);
      /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to right, #1D2671, #C33764);
      /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    
    .add_button{
      float:right;
      display:inline;
      border-radius:50%;
      height:30px;
      width:30px;
      border:2px solid white;
      margin-top: 15px;
      margin-right: 10px;
      text-align: center;
      cursor:pointer;
      line-height:25px;
      vertical-align:middle;
    }
    
    .container {
      height: 400px;
      width: 320px;
      overflow: hidden;
      font-fami.........完整代码请登录后点击上方下载按钮下载查看

网友评论0