愿在这片数字宇宙中,我们彼此交织成一道美丽的网络!
如果你也想加入友链,可以在下方评论哦!
添加友链格式:
:::assert
博客名称:武大胆
博客链接:https://wuxiangjun.com/
博客图片:链接太长,影响美观,右键自取。
博客描述:纵有疾风起,人生不言弃!
:::
期待与你成为朋友!
.friend-link { display: inline-block; width: 45%; margin: 1em; text-align: center; border: 1px solid #eaeaea; border-radius: 8px; padding: 1em; padding: 2em 1em; /* 调整顶部和底部间距,使内容更居中 */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s; } .friend-link:hover { transform: scale(1.05); } .friend-img-wrapper { display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; position: relative; /* 父容器用于定位子元素 */ background-color: #f9f9f9; margin: 0 auto; /* 居中对齐容器 */ } .friend-img { width: 120px !important; height: 120px !important; object-fit: cover !important; border-radius: 50% !important; } .friend-title { font-size: 1.5em; font-weight: bold; color: #333; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); transition: color 0.3s, text-shadow 0.3s; background: linear-gradient(90deg, #ff7eb3, #ff758c, #ff6359, #ff852b); -webkit-background-clip: text; color: transparent; animation: color-animation 3s linear infinite; } .friend-desc { font-size: 1em; color: #555; line-height: 1.5; transition: color 0.3s; background: linear-gradient(90deg, #6a11cb, #2575fc); -webkit-background-clip: text; color: transparent; animation: color-animation 3s linear infinite; } @keyframes color-animation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }