모바일, 태블릿 고려해서 웹만들기
1. 클릭시 생기는 아웃라인, 박스 없애기! [CSS]모바일에서 영역 클릭시 생시는 파란 박스 없애기 -- 모바일이나 웹에서 테두리가 생긴다면... 아웃라인만 없애주면 된다. input:focus{ outline:none; } 그런데 모바일에서는 하이라이트생기는 경우가 있다. IOS(아이폰,,아이패드 등..), Android 등의 웹킷 gahyun-web-diary.tistory.com input:focus{ outline:none; -webkit-tap-highlight-color: transparent; } -webkit-tap-highlight-color - CSS: Cascading Style Sheets | MDN -webkit-tap-highlight-color is a non-standard..
스터디/HTML, CSS
2022. 4. 28. 03:18
border에 그라데이션 넣기
div { border: 5px solid; border-image: linear-gradient(to right, #fbfcb9be, #ffcdf3aa, #65d3ffaa); border-image-slice: 1; } [HTML+CSS] border에 그라데이션 넣기 border(테두리)에 그라데이션 효과 넣는 예제입니다. See the Pen border gradation by limqo (@limqo) on CodePen. 위의 코드에서 box1의 div는 border-image를 이용하여 gradation 넣은 것을 확인 할 수 있습니.. limqoh.tistory.com
스터디/HTML, CSS
2022. 4. 28. 02:28
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 독백
- 잘못은
- 서브셋폰트
- 이미지 조절
- 높이 지정 안함
- 폰트경량화
- 애니메이션
- 모션그래픽
- 대학공부
- Maya
- 얼굴
- 매치컷
- 튜토리얼
- 미디어쿼리는
- DooPiano
- uv
- 마야
- git restore 옵션
- git 공식문서
- 이미지 자동
- 잘못없어
- 가사없는
- 애니
- git restore
- vite-plugin-svgr
- git 복원
- 레퍼런스
- svgr
- git공부
- 모델링
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함