👌颜色比例微调,社交按钮加动效

This commit is contained in:
tangly1024
2021-10-07 19:31:32 +08:00
parent 2f10574f8b
commit 0baddd241a
4 changed files with 33 additions and 23 deletions

View File

@@ -3,13 +3,21 @@ import React from 'react'
const SocialButton = () => {
return <>
<div className='space-x-3 text-2xl text-gray-500 dark:text-gray-400'>
<a className='fa fa-github' target='_blank' rel='noreferrer' title={'github'}
href={'https://github.com/tangly1024'} />
<a className='fa fa-twitter' target='_blank' rel='noreferrer' title={'twitter'}
href={'https://twitter.com/troy1024_1'} />
<a className='fa fa-telegram' href={'https://t.me/tangly_1024'} title={'telegram'} />
<a className='fa fa-weibo' target='_blank' rel='noreferrer' title={'weibo'}
href={'http://weibo.com/tangly1024'} />
<a target='_blank' rel='noreferrer' title={'github'}
href={'https://github.com/tangly1024'} >
<div className='fa fa-github transform hover:scale-125 duration-150'/>
</a>
<a target='_blank' rel='noreferrer' title={'twitter'}
href={'https://twitter.com/troy1024_1'} >
<div className='fa fa-twitter transform hover:scale-125 duration-150'/>
</a>
<a href={'https://t.me/tangly_1024'} title={'telegram'} >
<div className='fa fa-telegram transform hover:scale-125 duration-150'/>
</a>
<a target='_blank' rel='noreferrer' title={'weibo'}
href={'https://weibo.com/tangly1024'} >
<div className='fa fa-weibo transform hover:scale-125 duration-150'/>
</a>
</div>
</>
}