标题渐渐消失效果
鼠标经过标题的时候,标题会移动然后渐渐消失。
Blog Template
1. 设计 - 修改 HTML
2. Ctrl + F,寻找 /* Header
3. /* Header 下面添加代码:
.header-outer:hover {
padding-left: 60px;
-webkit-transition-duration:.90s;
-moz-transition-duration:.90s;
filter: alpha(opacity=0);
opacity: .0;
}
Blogskin
1. 模板
2. Ctrl + F,寻找 </style>
3. </style> 上面添加代码:
title {
-webkit-transition-duration:.90s;
-moz-transition-duration:.90s;
font-family: 'Handlee', cursive; font-size:72px;
}
title:hover {
padding-left: 60px;
-webkit-transition-duration:.90s;
-moz-transition-duration:.90s;
filter: alpha(opacity=0);
opacity: .0;
}
红色代码 - 号码越大,图画越向右移。
蓝色代码 - 可更改成 padding-right
注:不想要让图画移动,就把 padding-left:60px; 删除掉。