CSS中的友情鏈接效果是指當用戶瀏覽網頁時，如果你在網站中添加了友情鏈接，那么當用戶鼠標懸浮在鏈接上時，會出現一些特殊的效果，如變色、下劃線、右側箭頭等，以便提醒用戶鏈接的可點擊性，并增加用戶操作的友好度。

/* 友情鏈接樣式 */
.friend-link {
color: #333; /* 鏈接字體顏色 */
text-decoration: none; /* 去除下劃線 */
position: relative; /* 設置鏈接自身為相對定位 */
transition: all 0.3s ease-out; /* 動畫效果 */
cursor: pointer; /* 設置鼠標指針為手形 */
/* 鏈接右側箭頭樣式 */
&::after {
content: '\00bb'; /* 使用字符作為箭頭 */
display: inline-block; /* 內聯元素 */
margin-left: 5px; /* 箭頭與文字之間的距離 */
transform: translateX(5px); /* 移動5像素距離 */
transition: all 0.3s ease-out; /* 動畫效果 */
}
/* 鼠標懸浮時的效果 */
&:hover {
color: #f90; /* 改變字體顏色 */
text-decoration: underline; /* 添加下劃線 */
/* 移動箭頭 */
&::after {
transform: translateX(10px);
}
}
}

上述代碼使用Sass語法來編寫友情鏈接樣式，其中"&"符號代表父元素，使得后面的樣式只在鼠標懸浮時生效。具體使用時，需要給鏈接添加.friend-link類名來應用樣式。