CSS代码： /* start */ .my-face { animation: my-face 5s infinite ease-in-out; display: inline-block; margin: 0 5px; } @-webkit-keyframes my-face { 2%, 24% ...
分类：
Web程序 时间：
2020-11-06 02:48:53
阅读次数：
45
##代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css实现筛子动画</title> </head> <body> <div class="wrapper"> <div class="box1"> < ...
分类：
Web程序 时间：
2020-09-24 21:46:05
阅读次数：
59
创建一个没有背景的圆，然后声明透明度为0.1的黑色边框(看起来是灰色)，修改左侧边框颜色。此时会有一个静态的看起来只有左边框有颜色的空心圆。然后声明一个该元素逆时针旋转360度的动画，并让该动画无限播放(infinite)即可。 使用的css3 特性: transform属性的 rotate，共一个 ...
分类：
Web程序 时间：
2020-07-18 00:31:25
阅读次数：
112
这是一个作者历经千辛万苦，从无数次 \(WA\)，\(RE\)，\(TLE\) 中得到的心得体会与感悟。 这是一道后缀排序的进阶题，是一道很好的题目，作者认为它可以很好的加深我们对于后缀排序的理解。 首先，我们可以很容易的判断出来，这是一道后缀数组的题目，因为他要求我们找出在一棵基环树上，字典序最大 ...
分类：
其他好文 时间：
2020-07-17 22:30:57
阅读次数：
116
.heart { animation: beat 0.01s infinite; } @keyframes beat { 30% { transform: scale(1.4); } 100% { transform: scale(1); } // transform改变形态 beat 控制 key ...
分类：
其他好文 时间：
2020-07-12 12:23:24
阅读次数：
57
animation动画使用 图片上下循环跳转 html代码： <div class="siteicon"> <img src="./siteicon.png" alt=""> <p>点击跳转</p> </div> css代码： @keyframes icon{ 0%{ opacity: 0.8; t ...
分类：
Web程序 时间：
2020-07-07 22:11:21
阅读次数：
159
效果图如下： 友情提示：本篇文章只是用来熟练掌握css样式和布局能力，空闲时间不妨敲一遍，增加一些体验，我也不算白敲一遍。。 是不是有点心动呢？接下来请看具体步骤： 首先先把HTML部分先写完，做出整体的结构： <div class="baymax"> <!-- 定义头部 眼睛、嘴巴 --> <di ...
分类：
其他好文 时间：
2020-07-03 21:28:50
阅读次数：
97
Your country has an infinite number of lakes. Initially, all the lakes are empty, but when it rains over the nth lake, the nth lake becomes full of wa ...
分类：
其他好文 时间：
2020-06-22 15:46:01
阅读次数：
58
<template> <div id="infiniteScroll" class="infinite-scroll"> <slot></slot> </div> </template> <script> /** * 用法： * 将该组件放在列表最下方，其直接父级元素为滚动的包含块 * window ...
分类：
其他好文 时间：
2020-05-12 13:54:53
阅读次数：
76
实例 普通的 HTML 表格，包含两行两列： <table border="1"> <tr> <th>Company</th> <th>Address</th> </tr> <tr> <td>Apple, Inc.</td> <td>1 Infinite Loop Cupertino, CA 950 ...
分类：
Web程序 时间：
2020-05-11 18:36:53
阅读次数：
78
