韩小韩博客

⎛⎝韩小韩博客⎠⎞ - 要变得更加完美。

统计
登录
用户名
密码
搜索到 2 篇与 CSS 的结果
2019-08-28

CSS动态渐变彩色文字代码

CSS动态渐变彩色文字代码
HTML部分:<div class="wrap"> 闲看儿童捉柳花</div>CSS部分:@keyframes move { 0% {background-position: 0 0;} 100% { /*宽度固定,如果为百分比背景不会滚动*/ background-position: -300px 0; } } .wrap { /*设置背景渐变色*/ background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange,yellow, green, yellow, orange, red); /*chrome私有样式,加前缀,文字显示背景图片*/ -webkit-background-clip: text; animation: move 5s infinite; /*文字颜色设为透明*/ color: transparent; /*宽度固定*/ width: 300px; }
韩小韩
2019-08-28

闲杂乱码,网站源码

836 阅读
0 评论
2019年08月28日
836 阅读
0 评论
2019-03-26

JS实现HTML动态渐变纯色背景+CSS动态渐变字

JS实现HTML动态渐变纯色背景+CSS动态渐变字
CSS代码:<style> #ishanColor { animation: change 10s infinite; } @keyframes change { 0% { color: #66e616; } 25% { color: #556bd8; } 50% { color: #e40707; } 75% { color: #5cb85c; } 100% { color: #e7e97d; } } </style>JS实现HTML动态渐变纯色背景效果图:JS代码:<script> $(function () { var sec = 5; var sz = new Ar...
韩小韩
2019-03-26

闲杂乱码,网站源码

1,101 阅读
0 评论
2019年03月26日
1,101 阅读
0 评论