如何解析域名和绑定网站域名
登录域名购买商平台，以reg为例：在域名列表中找到需要解析的域名；在域名列表后的管理中，选择解析域名；
2019-10-29 11:41:02
竹子建站小技巧：给图文组件的又一新用法----加上进度条及小箭头
2020-11-06 15:43:20
/* box-shadow: 0 6px 40px rgba(128, 128, 128, 0.25);
} */
._13b1tlgp0o000 .zz-element-wrapper:hover{
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
transition: all 0.36s ease;
}
._13b1tlgp0o000 .zz-element-wrapper:hover .title *{
color:rgba(0, 221, 220, 1);
}
._13b1tlgp0o000 .zz-element-wrapper img{
transition: all 0.36s ease;
}
._13b1tlgp0o000 .zz-element-wrapper:hover img{
transform:scale(1.1);
}
/*进度条*/
._13b1tlgp0o000 .zz-element-wrapper::after{
content:'';
position:absolute;
left:0;
bottom:-1px;
height:2px;
width:0%;
background-color:rgba(0, 221, 220, 1);
transition: all 0.36s ease;
z-index:3;
}
._13b1tlgp0o000 .zz-element-wrapper:hover::after{
width:100%;
}
/* 箭头 ,箭头可替换为矢量图，修改代码：
content:url(https://f.cdn-static.cn/12954_15984245228312.png);
*/
._13b1tlgp0o000 .zz-element-wrapper .text{
position:relative;
}
._13b1tlgp0o000 .zz-element-wrapper .text::after{
content:'→';
position:absolute;
right:0;
top:50%;
transform:translate(100%,-50%);
transition: all 0.36s ease;
opacity:0;
color:rgba(153, 153, 153, 1);
font-size:24px;
}
._13b1tlgp0o000 .zz-element-wrapper:hover .text::after{
transform:translate(0%,-50%);
opacity:1;
}
如上图所示，上文中使用蓝色背景标注的代码就是效果中图文的标题颜色以及下部的进度条颜色
