CSS - opacity , visibility

            img{
                width:120px; height:120px;
            }

            img.one{
                opacity:0.3;
            }

            img.two{
                visibility: hidden;
            }

            img.three{
                display:none; /*display를 none으로 설정하면 해당 객체가 출력도 되지 않은 상태로 만들어 준다.*/

opacity : 불투명도를 나타낸다.

0~1사이의 값을 설정한다.

0 : 완전 투명, 1: 완전 불투명

Visibility : 대상이 화면에 보이거나 보이지 않게 설정한다.

hidden : 안보인다. visible: 보인다