陰陽師是一款非常火爆的手游,剛剛引入了css3技術(shù),讓游戲畫面更加精美。
/* CSS3樣式 */ .yin-yang-shi { display: flex; justify-content: center; align-items: center; font-size: 24px; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); background: #fdecde; border: 2px solid #edcba5; border-radius: 50%; width: 120px; height: 120px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6); animation: yin-yang-shi-rotate 2s linear infinite; } /* 動畫效果 */ @keyframes yin-yang-shi-rotate { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
以上代碼是陰陽師游戲中一個角色的css3樣式,可以看到,這個角色通過 flex 屬性,居中顯示在頁面中央,背景為 #fdecde,邊框為 2px 實線,邊框顏色為 #edcba5,邊框圓角為 50%。
同時,該角色字體大小為 24px,字體顏色為 #fff,設置了陰影為黑色半透明,實現(xiàn)了立體效果。角色寬度和高度分別為 120px,設置了 box-shadow 屬性,為角色添加陰影效果,增強立體感。
最終,角色通過 animation 屬性,讓其無限旋轉(zhuǎn),進一步增強了游戲的視覺效果。
總之,陰陽師游戲引入 css3 技術(shù),讓游戲畫面變得更加美觀,這也是吸引了眾多粉絲的原因之一。