/* 定义一个渐变背景色 */ background: linear-gradient(to bottom, #3366cc, #33cccc); /* 将文本居中显示 */ text-align: center; /* 定义盒子的阴影效果 */ box-shadow: 0px 0px 20px rgba(0,0,0,0.5); /* 定义圆形的边框 */ border-radius: 50%; /* 定义一个渐变的边框 */ border: 2px solid; border-image: linear-gradient(to bottom right, #3366cc, #33cccc) 1; /* 定义一个动画效果 */ animation: rotate 2s linear infinite; /* 定义一个旋转的动画效果 */ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
除了以上列举的功能之外,CSS矿工还可以生成一些其它实用的代码,比如说样式化滚动条的代码、HSL颜色转换的代码等等。可以说,使用CSS矿工可以大大提高大家的工作效率,让大家更加便捷地实现各种CSS效果。