微信內置瀏覽器是非常常用的一款瀏覽器,為了優化用戶的瀏覽體驗,它也支持了大部分的CSS3屬性。下面我們就來看一下在微信瀏覽器中使用CSS3的常見方法。
/* 圓角 border-radius */ div{ border-radius: 5px; } /* 陰影 box-shadow */ div{ box-shadow: 1px 1px 3px #888888; } /* 線性漸變 linear-gradient */ div{ background: linear-gradient(to bottom, #ffffff, #000000); } /* 旋轉 transform */ div{ transform: rotate(45deg); /* 順時針旋轉45度 */ } /* 動畫 animation */ @keyframes example { 0% {background-color: red;} 50% {background-color: yellow;} 100% {background-color: blue;} } div{ animation: example 5s infinite; }
以上僅是一些常見的CSS3屬性,在微信瀏覽器中還有非常多的其他屬性和效果。如果您在開發的過程中發現在微信瀏覽器中出現了奇怪的效果,可以先嘗試更新微信版本或者找一下有無特殊的hack方法解決。