css
_小太子
啾咪啾咪
展开
-
炫酷的css边框 动效
css 边框转载 2023-02-06 09:09:31 · 656 阅读 · 0 评论 -
input 选自动填充,去除浏览器自动填充后样式
自动填充后,本来黑色的背景色变白,字体变黑。input:-webkit-autofill { -webkit-text-fill-color: #fff; // 设置填充不变色 transition: background-color 50000s ease-in-out 0s; } input:-internal-autofill-previewed, input:-internal-autofill-selected { -webkit-text-fi...原创 2022-05-12 16:05:57 · 940 阅读 · 0 评论 -
Echarts 仪表盘
<EChart height="300px" :option="option1" /> <div class="tipBox"> <div>正常分数 <div style="color: #22b8bc">95 ~ 100分</div></div> <div>黄色预警分数<div style="color: #ffce64">90 ~ 95分</di...原创 2022-04-27 09:37:27 · 1513 阅读 · 0 评论 -
波浪进度条
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="display: none;"> <symbol id="wave"> <path d="M420,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C51...原创 2022-04-19 14:51:23 · 211 阅读 · 0 评论 -
纯 css画小黄人
搬运的,实在是太可爱<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>drawLittleHuang</title> <link rel="stylesheet" type="text/css" href="index.css"></head><body> <div class="w.原创 2022-04-13 09:29:17 · 393 阅读 · 0 评论 -
css -动画按钮
按钮上的紫色会动的,不知道怎么上传动效<button>CSS 动画按钮</button>button { display: block; border: 0; color: white; cursor: pointer; border-radius: 26px; font-size: 20px; padding: 15px 25px; margin: 60px auto; box-shadow: 0 5px 10px rgba...原创 2022-04-12 11:39:04 · 491 阅读 · 0 评论 -
css 边框环绕动态效果
边框外面的线是会环绕动起来的,代码很简单,效果很酷哦<div></div>html,body { height:100%; background-color:#000;}div { width:200px; height:200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #eee;}div::after,...原创 2022-04-12 11:35:20 · 4475 阅读 · 0 评论 -
带箭头的对话框
<div id="app">气泡框</div>#app { position: relative; width: 150px; line-height: 50px; margin: 50px auto; border: 2px solid #39f; border-radius: 10px; text-align: center;}#app::before { position: absolute; right: 100%;...原创 2022-04-12 11:28:28 · 228 阅读 · 0 评论