*예쁜폰트 쓰기
구글에 구글 폰트라고 치면 나오는데 거기서 예쁜 폰트를 골라서 선택하면트 쓰기
원하는 폰트를 골라서 들어간다.
원하는 폰트를 골라서 플러스를 누른다.
그후 네모 상자를 클릭하면 옆에 저렇게 나오는데 첫번째 상자 내용 link를 HTML head 부분에 넣어 연결해주고
두번째 박스 내용을 css원하는 영역에 넣어 사용해주면 된다. 여러 폰트를 사용할수 있지만 2가지 이상 폰트를 사용하는 것은 비추천한다고 한다.
*글씨 밝기 조절 방법이다.
brightness 로 밝기 조절하여 hover로 event를 주는 식으로 활용 가능할거같다.
#footer_bottom_right>a:hover{
filter: brightness(50%);
}*이미지 확대 및 축소 하는 이벤트
transform scale로 이미지 원하는 사이즈를 적고 trandition transtorm 으로 원하는 시간을 적으면 된다.
근데 이걸 활용하려면 상위엘리먼트에 사이즈를 먼저 정하고 overflow hidden 을 주고 해야 주변에 영향 없이 이벤트를 줄수있다.
transform:scale(1.1);
transition: transform .5s;css hover background 채우기 효과