電廠 CSS 是一種工業用的層疊樣式表,用于設置電力生產設備的外觀和樣式。在電廠 CSS 中,可以定義元素的顏色、字體、背景等樣式,以控制設備的顯示效果。
/* 設置設備外觀樣式 */ .power-plant { position: relative; width: 100%; height: 100%; } /* 定義設備元素樣式 */ .turbine { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border-radius: 50%; background-color: grey; } .generator { position: absolute; top: 25%; left: 75%; width: 50px; height: 100px; background-color: green; } .transformer { position: absolute; top: 75%; left: 75%; width: 75px; height: 75px; background-color: yellow; } /* 定義設備狀態樣式 */ .turbine.running { background-color: blue; animation: rotation 3s ease-in-out infinite; } .generator.stopped { background-color: red; } .transformer.off-line { background-color: black; } /* 定義動畫 */ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
在電廠 CSS 中,有許多用于控制設備狀態的樣式,例如上文中的 .running、.stopped、.off-line。通過為設備添加不同的狀態樣式,可以讓人們更清晰地了解設備的運行情況。
總之,電廠 CSS 是電力生產設備必不可少的一部分,可以讓設備的外觀更加美觀,狀態更加清晰明了。