随笔分类 - css
摘要:.VPNav.no-sidebar[data-v-4da33ef2] { -webkit-backdrop-filter: saturate(50%) blur(8px); backdrop-filter: saturate(50%) blur(8px); background: rgba(255,
阅读全文
摘要:.text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .multiline-ellipsis { overflow: hidden; text-overflow: ellipsis; di
阅读全文
摘要:/* padding-bottom 撑开图片防止页面抖动 图片宽/图片高 百分比 */ .banner{ height: 0; overflow: hidden; padding-bottom: 25.4%; .banner__img{ width: 100%; } }
阅读全文
摘要:.docker__title { font-size: 20px; transform: scale(.5,.5); transform-origin: center top; }
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要:{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; // 显示2行 }
阅读全文
摘要:父元素定位position: absolute;white-space: nowrap;font-size: 0; 子元素 转换行内块元素 display:inline-block;
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</title></head><body><div> <span id="_d">00</span> <span id="_h">00</spa
阅读全文
摘要:○ radial-gradient(形状 at 位置, 颜色, 颜色, 颜色) background-image:radial-gradient(green,yellow,orange); <!DOCTYPE html><html lang="en"><head> <meta charset="UT
阅读全文
摘要:DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box1{ width: 300px; height: 300px; margin: 100px auto; /*back
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html{ perspective: 800px; } .box1{ transform-style: preserve
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html{ /*perspective 视距 ,设置人的眼睛和网页之间的距离*/ perspective: 800px;
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box1{ height: 256px; /* calc() 用来帮助我们计算 */ width: calc(1536
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>过渡</title> <style> /*过渡,可以使一个属性的值经过一段时间变成另一个值*/ .box1 , .box3{ width: 100px; heigh
阅读全文
摘要:按Ctrl + Shift + P调出命令窗口,输入join lines,确认执行就可以合并多行了。 join lines
阅读全文
摘要:配置成功 配置文件已传到文件中
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .outer{ box-shadow: 0 0 10px r
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要:http://alloyteam.github.io/gopng/###
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="style
阅读全文