添加几个特效

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

Comment *

Private comment

Name *

Email *

Site

啦啦
看看！
kingsun
HN8145V，版本： V5.20.C10S100_JS210...
kingsun
感谢大佬分享来试下
heartalborada
感谢分享
大司马
6666666666666666

洞庭湖考察-Day 3
浏览次数: 5426
使用脚本测试服务器性能
浏览次数: 5756
新HTTPS跳转方式
浏览次数: 4656
伪静态.htaccess下配置跨域的方法
浏览次数: 8631
小程序版Typecho构建
浏览次数: 49408

添加几个特效

One comment

Leave a Comment Cancel reply

小程序版Typecho构建

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

Typecho复制弹窗提示

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

随机网站背景

洞庭湖考察-Day 3

使用脚本测试服务器性能

新HTTPS跳转方式

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

小程序版Typecho构建

添加几个特效