Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 스크립트 시계
- 천단위 나누기
- 문자열
- 자바스크립트
- JavaScript
- css not
- 문자 위치
- 문자열 함수
- css 말풍선
- 특정태그제외
- radio readonly
- checkbox readonly
- 말풍선 그리기
- tolowercase
- mac 바탕화면 보기
- not 선택자
- 문자열 추출
- SubString
- touppercase
- mac 전체화면 닫기
- 특정요소제외
- mac 전체화면 보기
- 카운트 증가
- 세자리 콤마
- Replace
- JS
- 콤마 추가
- 숫자 증가
- 별표시
- 보이스오버
Archives
- Today
- Total
목록css 도형 (1)
나의 IT Note
css로 삼각형 그리기
삼각형 그리기 이미지를 사용하여 삼격형을 적용할 수 있지만 컬러나 모양이 변경되는 경우 이미지를 수정해야 하는 번거로움이 있기 때문에 css를 통해 삼격형을 그리는 게 효과적이다. 보더 컬러를 수정하여 삼격형의 색상을 변경할 수 있다. 보더 값을 적절하게 변경하면 여러모양의 삼각형을 만들 수 있다. transform 속성의 rotate를 사용하면 회전 시킬 수 있다. 정삼각형 .triangle { width: 0px; height: 0px; border-bottom: calc( 90px * 1.732 ) solid #666666; border-left: 90px solid transparent; border-right: 90px solid transparent; } 결과물 직각삼각형 .triangle {..
CSS
2023. 12. 19. 17:05