CSS filter の使い方【ワードプレス教室 横浜スクール

<style type="text/css">
<!--
img.my-invert{  filter: invert(100%);}
img.my-shadow {filter: drop-shadow(2px 2px 4px #000);}
img.my-sepia {filter: sepia(100%);}
-->
</style>
<img class="my-shadow" src="https://wp-school.yokohama/wp-content/uploads/2017/05/IMG_4474.jpg">
<img class="my-invert" src="https://wp-school.yokohama/wp-content/uploads/2017/05/IMG_4474.jpg">
<img class="my-sepia" src="https://wp-school.yokohama/wp-content/uploads/2017/05/IMG_4474.jpg">