編碼：
import InstagramIcon from './assets/IG.svg';
export const Footer = ({ footer }: FooterInterface) => {
return (
.....
<Link href={`${footer?.instagram_link}`}>
<a>
<InstagramIcon />
</a>
</Link>
)}
這就是我想要獲得的：
Instagram 圖示應在懸停時放大。
uj5u.com熱心網友回復：
這是正確的課程
<a className="transition duration-500 transform hover:scale-125">
'transform' 類也需要添加。
uj5u.com熱心網友回復：
<Link href={`${footer?.instagram_link}`} >
<a className="hover:scale-150">
<InstagramIcon />
</a>
</Link>
uj5u.com熱心網友回復：
結合https://tailwindcss.com/docs/hover-focus-and-other-states和https://tailwindcss.com/docs/scale，您希望將其hover:scale-150作為一個類添加到您的 A-Tag（您可以使用其他規模大小像scale-110或scale-120太）：
import InstagramIcon from './assets/IG.svg';
export const Footer = ({ footer }: FooterInterface) => {
return (
.....
<Link href={`${footer?.instagram_link}`}>
<a className="hover:scale-150">
<InstagramIcon />
</a>
</Link>
)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/318249.html
標籤：javascript css 反应 下一个.js 顺风-css