消防灑水兩用車作為消防車輛的一種,具有自行噴灑水霧并能送水的雙重功能。隨著科技的發展,現在的消防灑水兩用車更加智能化和自動化,其中使用到了最新的css4型技術。
.tank { width: 200px; height: 100px; background-color: #e6e6e6; border: 5px solid #008080; border-radius: 10px; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); animation: water 3s infinite ease-in-out; } @keyframes water { 0% { background-position: 0 0; } 100% { background-position: 0 -200px; } } .hose { width: 20px; height: 40px; background-color: #8b0000; border-radius: 10px; box-shadow: -5px -5px 5px rgba(0,0,0,0.5); animation: hose-up-down 2s infinite ease-in-out; } @keyframes hose-up-down { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
基于css4的技術,消防灑水兩用車的外觀更加美觀,加強了耐用性。同時,預設好的動畫效果,使得消防灑水兩用車在行駛和使用時更加具有視覺沖擊力和實用性。
上一篇mysql查看表字段值
下一篇css4選擇器