文章分类 - Css
摘要：在图片上出现白光条并划过，无限循环的模式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Carver玩转css</title> <style> .container { padding: 10px; background: #fff; } .card { width:
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Carver玩转css</title> <style> .container { text-align: center; filter: contrast(50); backgro
阅读全文
摘要：代码实现如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Carver玩转css</title> <style> .txt { font-size: 40px; position: absolute; inset: 0;
阅读全文
摘要：代码实现如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Carver玩转css</title> <style> .avatar { background: url("https://gimg2.baidu.com/ima
阅读全文
摘要：代码实现如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Carver玩转css</title> <style> span { text-shadow: -1px 1px #bbb, -2px 2px #bbb, -3px
阅读全文
摘要：代码实现如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Carver玩转css</title> <style> span { color: #0099FF; font-family: "Century Gothic",
阅读全文
摘要：html结构: <div class="center">确定宽高水平垂直居中</div> <div class="center2">不确定宽高水平垂直居中</div> <div class="center3">确定宽高水平垂直居中2</div> <div class="center4"><span>
阅读全文
