인파

You Can Become A

늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !

공부한 내용을 정리합니다
Style Sheet/스타일 요소 모음

🎨 말풍선 디자인 자동 만들기 사이트

말풍선 생성하기 사이트 간단하게 말풍선 스타일링을 바로 만들수 있는 제너레이터이다. 말풍선 꼬리표 위치(Side) 와 모양(Pointer triangle) 과 크기(Pointer size)를 지정해주고 옆의 css 코드를 붙여넣으면 완성된다. Bubbly CSS speech bubbles made easy! Bubbly — CSS speech bubbles made easy projects.verou.me

category_image
인파_
2023.03.04
(0)
Style Sheet/스타일 요소 모음

[CSS] 🎨 로그인 / 회원가입 페이지 디자인 스타일 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 로그인 및 회원가입 페이지 디자인 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다. 로그인 / 회원가입 페이지 See the Pen Weekly Coding Challenge #1 - Double slider Sign in/up Form - Desktop Only by RH2O (@Rh2o) on CodePen. See the Pen Neumorphic sign-up / sign-in form by Shruti (@Shruti-Ag) on CodePen. See the Pen Slide Sign In/Sign Up form by Danielkvist (@d..

category_image
인파_
2022.11.17
(0)
Style Sheet/스타일 요소 모음

[CSS] 🎨 버튼(Button) 디자인 스타일 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 버튼 디자인 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다. 무난한 버튼 컬렉션 과하지도 튀지도 않은 적당히 이쁜 버튼들이다. See the Pen Cool Buttons by Felipe Marcos (@FelipeMarcos) on CodePen. See the Pen Collection CSS3 buttons by Andrés Bedoya (@Angelfire) on CodePen. See the Pen Candy Color Button Animation by Yuhomyan (@yuhomyan) on CodePen. See the Pen Butto..

category_image
인파_
2022.11.17
(0)
Style Sheet/스타일 요소 모음

[CSS] 🎨 테이블(Table) 디자인 스타일 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 테이블(Table) 디자인 스타일(style) 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다. 테이블 모음 See the Pen Advanced and accessible tables by Germán Freixinós López (@germanfrelo) on CodePen. See the Pen CSS responsive table with fixed column and row headers and scroll snap by Scott Jehl (@scottjehl) on CodePen. See the Pen Responsive Table Sass M..

category_image
인파_
2022.11.17
(0)
Style Sheet/스타일 요소 모음

[CSS] 🎨 인용문(blockquote) 디자인 스타일 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 인용문 버튼 디자인 스타일(style) 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다. blockquote 스타일 See the Pen Blockquote by Vinh (@tranvinh) on CodePen. See the Pen Material Quotation Cards by Bharani (@bharanim) on CodePen. See the Pen Memasang Blockquote (Catatan) dengan Efek Lipatan by Deny listianto (@denylistianto) on CodePen. See the Pen C..

category_image
인파_
2022.05.22
(0)
Style Sheet/스타일 요소 모음

[CSS] 🎨 SNS 로그인 버튼 디자인 스타일 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 SNS 로그인 버튼 디자인 스타일(style) 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다. SNS 로그인 버튼 See the Pen Social Login Button by Eswara Sai (@eswarasai) on CodePen. See the Pen Social Login Buttons by Miffy Chen (@miffychen) on CodePen. See the Pen Social Login Buttons by Mikey (@MadMikeyB) on CodePen. See the Pen Sign in / up Form by Ahmed ..

category_image
인파_
2022.05.21
(0)
Style Sheet/스타일 요소 모음

[CSS] 🎨 그림자(box-shadow) 디자인 스타일 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 box-shadow 디자인 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다. box-shadow 생성기 css 그림자 generator 이다. 간단한 버튼 조작을 통해 box-shdaow를 구성할 수 있다. See the Pen CSS3 Generator: box-shadow by Montego (@Montego) on CodePen. box-shadow 예제 See the Pen Material Design Box Shadows by Samuel Thornton (@sdthornton) on CodePen. See the Pen CSS Box Shadow..

category_image
인파_
2022.04.03
(0)
Style Sheet/스타일 요소 모음

[CSS] 💍 리스트(ul / ol / li ) 태그 디자인 🖌️ 모음

리스트 태그 디자인 CSS 모음 Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 ul / ol / li 디자인 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다. See the Pen Coloured ordered / image unordered list bullets css by Jeeten (@jeetenbargaiya) on CodePen. See the Pen Ordered Lists with Unicode Symbols by Steven Estrella (@sgestrella) on CodePen. See the Pen Custom Unordered List by ᜌᜓᜃᜒ (Yuki|雪亮) 🇵🇭 ..

category_image
인파_
2022.02.27
(0)
Style Sheet/스타일 요소 모음

[CSS] 💍 툴팁(Tooltip) 디자인 🖌️ 모음

툴팁 디자인 모음 codepen에서 괜찮은 css 디자인 요소들을 모아 간추려 포스팅 해본다. 모던하면서도 준수한 디자인을 뽐낸다. See the Pen CSS Tooltip Magic by Envato Tuts+ (@tutsplus) on CodePen. See the Pen only CSS Tooltip by Gyuho Lee (@asrahi) on CodePen. See the Pen Tooltip CSS Only by Akhbar (@akhbar) on CodePen. See the Pen Pure CSS Tooltip by Cristina Silva (@cristina-silva) on CodePen. See the Pen Mobile Friendly CSS Only tooltip by Ted ..

category_image
인파_
2022.01.07
(0)
Style Sheet/스타일 요소 모음

[CSS] 💍 a링크 hover 디자인 🖌️ 모음

a링크 hover 디자인 모음 codepen에서 괜찮은 css 디자인 요소들을 모아 간추려 포스팅 해본다. 모던하면서도 준수한 디자인을 뽐낸다. See the Pen link hover effect by kazemi (@kazemi) on CodePen. See the Pen Link Hover Effects w/ mo.js by Mike Quinn (@mprquinn) on CodePen.

category_image
인파_
2022.01.07
(0)
Style Sheet/스타일 요소 모음

[CSS] 🎨 hr 구분선 디자인 스타일 모음

hr 구분선 디자인 모음 Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 box-shadow 디자인 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다. See the Pen Style hr tag with CSS by Venom (@Venom) on CodePen. See the Pen HR style by Kim Bertelsen (@kimmenbert) on CodePen. See the Pen Neon by Mario Durántez (@warbelt) on CodePen. See the Pen HR with centered text by Scott Zirkel (@scottzirkel) on Cod..

category_image
인파_
2022.01.06
(0)
Style Sheet/스타일 요소 모음

[CSS] 💍 헤더 제목 디자인 🖌️ 모음

헤더 제목 디자인 모음 codepen에서 괜찮은 css 디자인 요소들을 모아 간추려 포스팅 해본다. 모던하면서도 준수한 디자인을 뽐낸다. See the Pen Pure CSS Page Heading / Title Styles by Veda (@vedadesigns) on CodePen. See the Pen Fancy Border Lines Behind Section Headings in CSS by Umair Ulhaque (@u) on CodePen. See the Pen Article Heading Styles by Пламен Синигерски (@pacolin) on CodePen. See the Pen Bubbling Text Effect by html5andblog (@html5andblo..

category_image
인파_
2022.01.04
(0)