.verticalcenter{

position: relative;

top: 50%;

-webkit-transform: translateY(-50%);

-o-transform: translateY(-50%);

transform: translateY(-50%);

}

中最具誘惑的一個功能是能添加動畫效果，除了漸變，你可以給背景色、透明度、元素大小添加動畫。目前，你不能為漸變添加動畫，但下面的代碼可能有幫助。它通過改變背景位置，讓它看起來有動畫效果。

button {

background-image: linear-gradient(#5187c4, #1c2f45);

background-size: auto 200%;

background-position: 0 100%;

transition: background-position 0.5s;

}

button:hover {

background-position: 0 0;

}

想要讓文本模糊？可以使用color實現

.blurry-text: transparent;

text-shadow 0 rgba}

萬動力(www.lu123123.com)，專業的logo免費設計在線生成網站，全自動智能化logo設計，商標設計，logo在線生成！

歡迎使用萬動力制作屬于您公司自己的logo，不僅專業而且經濟實惠，全方位滿足您公司品牌化、視覺化的需求。