본문 바로가기
728x90
300x250
SMALL

Front-end/HTML78

text slid up&down :: 텍스트 슬라이드 업앤다운 애니메이션 효과를 이용해서 공지사항 용으로 자주 사용되는 텍스트를 위아래로 자동으로 움직여주는 슬라이드를 만들어보자 HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 #WE create share innovate ! CSS 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92.. 2019. 3. 28.
여러가지색 그라데이션 :: 그라디언트 적용 지원하지 않는 브라우저도 고려해서 단색도 넣어준다 1234567 #footer { background: #a93952; background: -webkit-linear-gradient( top, #a93952, #df4148, #ea8350, #f8d681, #117fa1); /* 초기 모던 브라우저 */ background: -moz-linear-gradient( bottom, #a93952, #df4148, #ea8350, #f8d681, #117fa1); /* 초기 모던 브라우저 */ background: -o-linear-gradient( bottom, #a93952, #df4148, #ea8350, #f8d681, #117fa1); /* 초기 모던 브라우저 */ background: linear.. 2019. 3. 25.
svg 이미지 만들기 svg는 확대가 가능하고 자연스럽게 이미지 조절이 가능한 이미지 입니다.jpg/jpeg, png 파일은 확대하면 깨지지만 svg는 벡터 기반이라서 확대해도 깨지지 않습니다. svg는 최근 브라우저에서 지원하면서 로고나 차트, 그래프 등에 많이 사용되고 있습니다. svg 참고사이트http://d3js.org/ http://dmitrybaranovskiy.github.io/raphael/ svg 만드는 방법 1. 일러스트에서 이미지를 그립니다. 2. save as에서 svg를 선택하면 파일이 만들어집니다. svg는 대부분의 브라우저에서 지원하지만 익스 8이하 버전이나 안드로이드 2.3이하버전에서는 svg파일을 표시할 수 없습니다.그래서 이런경우 svg대신 png를 사용해야 한다.이럴때는 사용자의 브라우저가 .. 2019. 3. 11.
파비콘 만들기및 등록하기 파비콘(favicon)은 즐겨찾기Favorite와 아이콘 icon 합성어로 조소창 옆에 표시되는 조그마한 아이콘을 말한다. 파비콘의 크기는 16x16, 32x32, 64x64픽셀이 될 수 있고 8비트, 24비트, 32비트 색상이 가능하다. 파비콘은 ico파일로 제작되어야 하며 PNG, GIF, JPEG 사용은 가능하지만 익스에서는 지원되지 않는다. 그렇기 때문에 ico파일로 변경해줘야 한다. ▶ 어지간한 사이트는 하나씩 가지고 있는 파비콘을 만드는 방법 먼저 파비콘으로 등록할 아이콘을 png 파일로 준비한다. https://www.favicon-generator.org/ 위주소로 들어가서 준비해둔 png 파일을 불러오고 Create Favicon을 눌러준다. 밑줄 친 Download the generat.. 2019. 3. 10.
728x90
반응형
LIST