Html&CSS/html5&css323 0227_html5/css3_transition [ transition ] 자연스러운 변화 transition 코드 보기 [더보기] 선택 더보기 [ transition ] 자연스러운 변화 transition 2020. 3. 4. 0227_html5/css3_3D transforms [ 3D transforms ] box1 box2 box3 box4 2020. 3. 4. 0227_html5/css3_2D transforms [ 2D transforms ] -ie10가능(ie10이하에서 쓰기위해 접두어 -를 붙여서 쓰기도 함) translate:이동 rotate:회전 scale:확대/축소 skewX:기울이기X skewY:기울이기Y matrix:다하기 코드 보기 [더보기] 선택 더보기 [ 2D transforms ] -ie10가능(ie10이하에서 쓰기위해 접두어 -를 붙여서 쓰기도 함) translate:이동 rotate:회전 scale:확대/축소 skewX:기울이기X skewY:기울이기Y matrix:다하기 2020. 3. 4. 0227_html5/css3_text-shadow,overflow-x/y, text-overflow까지 [ text-shadow ] ie10부터 사용 text-shadow: 글자그림자 text-shadow: 글자그림자 text-shadow: 글자그림자 [ box-shadow ] box=shadow: 박스 그림자 box=shadow: 박스 그림자 [ overflow-x / overflow-y ] ie 9부터 사용 가능/overflow 방향 지정 가능 overflow-x overflow-x/y는 한방향으로 지정하는 것. 5G RF중계기는 실외 기지국의 5G 전파를 받아 빌딩, 터널, 지하공간 등 전파가 닿기 어려운 실내로 증폭시켜 전파 도달 범위를 넓히는 장비다. 유선망 없이 신호를 중계하기 때문에 유선망이 국내보다 열악한 유럽에서 높은 관심을 보이는 기술이다. overflow-y overflow-y over.. 2020. 3. 4. 0226_html5/css3_background-color / gradient background-color gradient linear-gradient , radial-gradient 코드 보기 [더보기 클릭] 더보기 [background-color]rgba투명도 값은 0.1~1까지 지정 가능 1 2 3 4 5 6(16진수로 컬러지정) [gradient] ie10부터 지원 라인1 라인2 라인3 원형1 원형2 원형3 색상을 코드로 바꿔주는 사이트 https://www.cssmatic.com/ The ultimate CSS tools for web designers | CSSmatic CSSmatic is a non-profit project, made by developers for developers Are you a web developer? Would you like to c.. 2020. 3. 4. 0226_html5/css3_background-clip [background-clip]: 배경의 범위 지정 배경을 표시할 범위가, border부터/까지 배경을 표시할 범위가, padding부터/까지 배경을 표시할 범위가, content부터/까지 2020. 3. 4. 0226_html5/css3_background-origin [background-origin]: 배경이미지의 기준 위치 지정 배경이미지의 기준 위치를 padding으로:border라인 안쪽에서부터 배경이미지의 기준 위치를 border으로:border라인 뒤에서부터 배경이미지의 기준 위치를 content로:content영역(텍스트위치)에서 부터 2020. 3. 4. 0226_html5/css3_background-size [background-size] 이미지 전체가 지정한 표시 영역에 모두 들어갈 수 있는 최대 크기로 표현되는것을 말함 해당 이미지 하나만으로 표시영역을 덮을 수 있는 최소 크기::contain보다는cover 많이 씀 이미지를 자동으로 이미지 표현 auto::웹에서 많이 사용 배경이미지 크기 변경::모바일에서 많이 사용 2020. 3. 4. 0226_html5/css3_background [background] 배경 이미지 2020. 3. 4. 0226_html5/css3_border-radius css3는 ie9부터 적용됨 css코드는 제이쿼리, 스크립트에서도 적용 가능 [border-radius] box1 box2 box3 box4 2020. 2. 26. 이전 1 2 3 다음
