晾晾♥



Home stuffies Links Follow




No Right click. Ctrl + C to copy. Thanks ! XD

Remember to Give a Like ! Love you guys ♥

facebook · Dasboard

2013年8月6日星期二 | POST ♥
   标题渐渐消失效果



鼠标经过标题的时候,标题会移动然后渐渐消失。




Blog Template

1. 设计 - 修改 HTML

2. Ctrl + F,寻找  /* Header

3. /* Header 下面添加代码:

.header-outer:hover {
padding-left60px;
-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-left60px;
-webkit-transition-duration:.90s;
-moz-transition-duration:.90s;
filter: alpha(opacity=0);
opacity: .0;
}

红色代码 - 号码越大,图画越向右移。
蓝色代码 - 可更改成 padding-right

注:不想要让图画移动,就把 padding-left:60px; 删除掉。

NEW ⇠
PAST ⇢