云海网博客-杂谈



text-shadow:2px 3px 1px color;...继续阅读 >>

 975 浏览  1年前(2023-06-14) 0个赞



<!DOCTYPE html><html><head> <meta charset="UTF-8"> <style> .text-gradient { background-image: linear-gradient(to right, orange, purple); -webkit-background-c...继续阅读 >>

 822 浏览  1年前(2023-03-17) 0个赞

CSS CSS 渐变



#grad { background-image: linear-gradient(to right, red , yellow);}从左到右渐变right，可以left、top、bottom#grad { background-image: linear-gradient(-90deg, red, yellow);}旋转90度渐变#grad { background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255...继续阅读 >>

 676 浏览  1年前(2023-03-09) 0个赞

CSS css内边框与外边框outline/border



outline/border一个是内边框，一个是外边框outline:green dotted thick;outline:solid 1px #fff;...继续阅读 >>

 659 浏览  1年前(2023-01-25) 0个赞

CSS animation动画



定义动画的名称animation: x-e-content-a 10s infinite linear;x-e-content-a标识动画infinite无限循环@keyframes x-e-content-a{0%{/* background-position:0 0; */}100%{background-position:-260px 0;}}从0%-100%@keyframes mymove{}@-moz-keyframes mymove /* Firefox */{}@-webkit-keyframes my...继续阅读 >>

 1204 浏览  3年前(2022-01-11) 0个赞

CSS 去除图片未加载边框



img[src=""],img:not([src]){opacity:0;}...继续阅读 >>

 1238 浏览  3年前(2022-01-11) 0个赞

CSS 计算文字大小百分比



（字体大小）/ 320（屏幕最小） = 文字个数（也为文字占用屏幕百分比）； vw（文字个数）* 640（屏幕最屏幕最大） = 最大文字大小 px图片宽度（或者高度） / 屏幕宽度 * 100 等于 vw...继续阅读 >>

 1283 浏览  3年前(2022-01-11) 0个赞

CSS input点击后无边框



outline：none...继续阅读 >>

 1315 浏览  3年前(2022-01-11) 0个赞

CSS css hover 5种类型



1、a:link{color:#fff} 未访问时的状态（鼠标点击前显示的状态） 2、a:hover{color:#fff} 鼠标悬停时的状态 3、a:visited{color:#fff} 已访问过的状态（鼠标点击后的状态） 4、a:active{color:#fff} 鼠标点击时的状态 5、a:focus{color:#fff} 点击后鼠标移开保持鼠标点击时的状态（只有在<a href=&...继续阅读 >>

 1496 浏览  3年前(2022-01-11) 0个赞

CSS css三角形



#triangle-up{ width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:100px solid black; }...继续阅读 >>

 1145 浏览  3年前(2022-01-11) 0个赞

云海网博客杂谈

归纳

随机内容