Notice
Recent Posts
Recent Comments
Tags
- 강제이동
- TempData
- asp.net Select
- 하드 윈도우 복사
- 바코드 스캔하기
- javascript 바코드 생성
- 말줄임표시
- javascript 유효성체크
- asp.net core Select
- javascript redirection
- asp.net dropdownlist
- 파일업로드 체크
- 타임피커
- ViewData
- Mac Oracle
- django 엑셀불러오기
- php 캐쉬제거
- jquery 바코드생성
- SSD 복사
- XSS방어
- 파일업로드 유효성체크
- XSS PHP
- jquery 바코드
- ViewBag
- 맥 오라클설치
- 404에러페이지
- 하드 마이그레이션
- javascript 바코드스캔
- 바코드 생성하기
- ASP.Net Core 404
웹개발자의 기지개
[CSS] 이미지(img) 롤오버시 약간 커지게하는 효과 본문
1
2
3
4
5
6
7
8
9
10
|
a img {
transition: all 0.2s linear;
}
a:hover img {
transform: scale(1.03);
margin: 0px auto;
overflow: hidden;
}
|
cs |
transition 으로 서서히 자연스럽게 움직이는 효과를 주고, 롤오버시에는 scale 을 줘서 약간 키운다.
1
2
3
4
5
6
7
|
hero .animated {
animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
style="cursor:pointer;transition: transform .2s;margin: 0 auto;"
|
cs |
'웹퍼블리싱 > CSS' 카테고리의 다른 글
[CSS] 하위 선택자, 형제 선택자, 자식 선택자 (0) | 2024.04.05 |
---|---|
[CSS] 웹퍼블리싱 익히기 (0) | 2024.03.15 |
[CSS] flex 로 더보기 만들어보기 (0) | 2024.01.23 |
[CSS] 모바일 해상도에 따른 최대치로 지정 (0) | 2023.10.17 |
[CSS] 모달창 기본소스 (0) | 2023.08.21 |
Comments