![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
动画
gyypwrs
这个作者很懒,什么都没留下…
展开
-
css,canvas画三角形
CSSHTML:<div> <p>css绘制</p> <div class='box1'></div></div>CSS:.box1 { width: 0; height: 0; border-right: 70px solid transparent; border-left:70px solid transparent;原创 2020-10-09 15:21:42 · 107 阅读 · 0 评论 -
HTML+CSS:SVG实现环形loading效果
效果HTML<div class="main"> <svg viewBox="0 0 120 120"> <circle class="load one" cx="60" cy="60" r="40"></circle> <circle class="load two" cx="60" cy="60" r="40"></circle>原创 2020-09-06 20:32:26 · 351 阅读 · 0 评论 -
HTML+CSS:鼠标悬停
跟着up主码小渣学习(无改动)效果HTML:<!doctypehtml><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>mousedown!</title> <原创 2020-07-17 11:17:02 · 2336 阅读 · 0 评论 -
HTML+CSS:图片轮播
跟着up主码小渣学习(无改动)效果:HTML:<!doctypehtml><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>百叶窗</title> <link r原创 2020-05-22 18:54:54 · 2217 阅读 · 2 评论 -
HTML+CSS:酷炫的登录界面
跟着up主码小渣学习(有一些的改动)效果:代码如下:HTML:<!doctype html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="sign.css"> </head> <body> <div class="box原创 2020-05-22 17:30:23 · 4007 阅读 · 4 评论 -
HTML+CSS:小爱心动画
跟着up主码小渣学习(有不少的改动)动画效果:CSS代码如下:*{ margin: 0; padding: 0;}.love-wrap{ width: 100%; height: 800px; background-color: #ffb5c5;; animation: bo 4s ease infinite; transition: all 1s ease; overflow: hidden;}@keyframes bo {原创 2020-05-21 19:12:16 · 514 阅读 · 0 评论