添加几个特效

Author： ADMIN
发布时间：April 26, 2018
6274 views
One comment
1177 words
Categories：技术文档

### 首页文章版式圆角化
```css
/*首页文章版式圆角化*/
.panel{
    border: none;
    border-radius: 15px;
}

.panel-small{
    border: none;
    border-radius: 15px;
}

.item-thumb{
    border-radius: 15px;  
}

```
### 首页文章图片获取焦点放大
```css
/*首页文章图片获取焦点放大*/
.item-thumb{
    cursor: pointer;  
    transition: all 0.6s;  
}

.item-thumb:hover{
      transform: scale(1.05);  
}

.item-thumb-small{
    cursor: pointer;  
    transition: all 0.6s;
}

.item-thumb-small:hover{
    transform: scale(1.05);
}

```
### 首页头像转动
```css
/*首页头像转动*/
.thumb-lg{
    width:130px;
}

.avatar{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out; 
}

.avatar:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

#aside-user span.avatar{
    animation-timing-function:cubic-bezier(0,0,.07,1)!important;
    border:0 solid
}

#aside-user span.avatar:hover{
    transform:rotate(360deg) scale(1.2);
    border-width:5px;
    animation:avatar .5s
}
```

Last modification：April 4, 2019

If you think my article is useful to you, please feel free to appreciate

One comment

孟小N
May 4th, 2018 at 09:02 am

不错啊，干完这点活儿。我要拿走用了

Reply

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Comment *

Private comment

Name *

Email *

Site

tttt
感谢分享
丹尼
感谢分享
neil
xiexie
youngzm
该评论仅登录用户及评论双方可见
触碰
好东西

伪静态.htaccess下配置跨域的方法
浏览次数: 10071
关于劣质疫苗事件，你需要了解这些
浏览次数: 25022
2018-07-19 更新至4.4.1
浏览次数: 5410
XSY的API！
浏览次数: 15971
笔记
浏览次数: 5263

添加几个特效

One comment

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

小程序版Typecho构建

华为电信HN8145V XGpon获取超级管理员密码

Typecho复制弹窗提示

关于劣质疫苗事件，你需要了解这些

overture实现防污染

伪静态.htaccess下配置跨域的方法

关于劣质疫苗事件，你需要了解这些

2018-07-19 更新至4.4.1

XSY的API！

笔记

添加几个特效

One comment

Leave a Comment Cancel reply 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

添加几个特效

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款