CSS Hover 效果：实现透明度渐变和红色边框

当鼠标悬停在 class 为 'tmall' 的 div 上时，该 div 的边框会变为红色实线，透明度会降低为 0.4，这个过程会有 0.5 秒的渐变效果。

div.tmall {
    transition: opacity 0.5s;
}

div.tmall:hover {
    border: 1px red solid;
    opacity: 0.4;
}

这段代码使用 CSS 的 transition 属性来实现渐变效果，opacity 属性控制透明度，border 属性控制边框。:hover 伪类选择器用于指定鼠标悬停时的样式。