添加几个特效

Author： ADMIN
发布时间：April 26, 2018
5816 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

添加几个特效

One comment

Leave a Comment Cancel reply

小程序版Typecho构建

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

Typecho复制弹窗提示

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

overture实现防污染

Git 常用命令速查表（三）

The SSL certificate used to load resources from xxx will be

让 Typecho 支持 Emoji 表情

Git 常用命令速查表（一）

[Stylish] 一个可以让网站变得萌的插件

添加几个特效