css3
胜天一子半
Teach Yourself Programming in Ten Years。
展开
-
后端拼在字符串中的换行符\n如何在前端显示
white-space: pre-wrap原创 2023-02-24 17:20:23 · 494 阅读 · 1 评论 -
CSS八种让人眼前一亮的HOVER效果
一.发送效果 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content: center; height: 100vh; } button { background: #5f55af;转载 2020-09-26 09:30:39 · 393 阅读 · 1 评论 -
css选择最后一个class
选择最后一个class接点 .a:last-of-type { // } 选择非最后一个接点 .a:not(:last-child){ // }原创 2020-09-21 16:48:27 · 7366 阅读 · 0 评论 -
css同心圆
width: 15px; height: 15px; border-radius: 50%; padding: 3px; border: 1px solid $colorD; background-color: $colorD; background-clip:content-box; 重点是background-clip原创 2020-07-18 16:29:11 · 517 阅读 · 0 评论 -
收录一些不常用的css
1、改变input鼠标颜色 #兼容手机端 caret-color:#ffffff #只pc端起作用 color:#fffff 2、内容滚动卡顿 #可以获得原始一样的感觉,缺失是不能自定义滑动条 -webkit-overflow-scrolling: touch; 3、给返回顶部的a标签添加href="#",实现非js滚动回顶部动画 html,body{ scroll-beh...原创 2019-08-02 15:20:56 · 131 阅读 · 0 评论 -
css上被忽略的targe选择器
一个有趣的demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...原创 2019-08-03 09:24:11 · 259 阅读 · 0 评论