CSS是一種用于網頁布局和樣式的編程語言。它可以用來修改頁面中的任何元素,包括圖片。本文主要講述如何使用CSS修改圖片的亮度。
img { filter: brightness(50%); }
上述代碼中,我們給圖片元素添加了一個filter屬性,并給亮度設置了一個值。這個值是一個百分比,可以根據需要進行修改。brightness(100%)表示原始亮度值,而brightness(0%)表示完全黑暗的圖片。
除了亮度,還有其他一些濾鏡可以使用。下面是一些示例代碼:
/* 縮放 */ img { transform: scale(1.5); } /* 反轉 */ img { transform: scaleX(-1); } /* 高斯模糊 */ img { filter: blur(5px); } /* 背景模糊 */ body { backdrop-filter: blur(5px); }
通過使用CSS濾鏡,可以使圖片或者其他元素在視覺上有更多的變化和效果,從而提高頁面設計的吸引力。