| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- Absolute
- AGI
- ai
- AI agents
- AI engineer
- AI researcher
- ajax
- algorithm
- Algorithms
- aliases
- Array 객체
- ASI
- bayes' theorem
- Bit
- Blur
- BOM
- bootstrap
- canva
- challenges
- ChatGPT
- Today
- In Total
A Joyful AI Research Journey🌳😊
디자인) 개인 프로젝트 1 (여행 웹사이트) 세부적인 디자인 참고 본문
디자인) 개인 프로젝트 1 (여행 웹사이트) 세부적인 디자인 참고
yjyuwisely 2023. 2. 2. 10:10230316 Thu
https://codepen.io/z-/pen/OBPJKK
Expanding flex cards
 Edit 9th October 2021: Added theme switcher...
codepen.io
codepen에서 View Complied CSS로 누르면 CSS로 코드 변경 가능하다. :)
메뉴 및 배경 참고
https://codepen.io/kimlarocca/pen/mdyxKzx
Accessible Mega Menu on Desktop / Multi Level Menu on Mobile (jQuery)
...
codepen.io
메뉴 참고
https://codepen.io/qwer273/pen/ExaaQOj
서브메뉴1_브랜드스토리
...
codepen.io
https://codepen.io/qwer273/pen/jOPrMGr
스크롤리2
...
codepen.io
https://codepen.io/qwer273/details/VwYEZmg
동국제약 브랜드 : 최종완성
...
codepen.io
슬라이드쇼
https://codepen.io/qwer273/details/PowOmrq
좌우 버튼과 페이지 버튼이 함께 있는 슬라이더 만들기
...
codepen.io
문장이 있는 슬라이드쇼
https://codepen.io/himanshu7023/pen/abzQBJV
Responsive Blog Card Slider
...
codepen.io
https://codepen.io/JavaScriptJunkie/pen/WgRBxw
Responsive Blog Card Slider
Responsive slider for featured blog posts. Also can use for other things like card slider. Built with Swiper slider. ...
codepen.io
https://codepen.io/gacontapcode/pen/OJNvMMo
Animated Blog Card Slider
...
codepen.io
https://codepen.io/hexagoncircle/pen/XWbWKwL
Card Hover Interactions
Hacking together a solution to show part of an element in a card as a default state, lining up the element headline across each card and then animating...
codepen.io
https://codepen.io/pavaninnovative/pen/dyzXEZP
Card Hover Interactions
...
codepen.io
https://codepen.io/vinh26021996/pen/YzpLryd
Card Hover Interactions
...
codepen.io
https://codepen.io/daniel-wear/pen/rNJbpMG
Bootstrap | Card Hover Interactions | Simple CSS Only
Card Hover Over Interactions, Srolling text background images. CSS Bootstrap and HTML ...
codepen.io
백그라운드 동영상
https://codepen.io/qwer273/pen/eYdvvqq
백그라운드 동영상 full
...
codepen.io
버튼 등 디자인
https://codepen.io/myacode/pen/PoqQQNM
Neumorphic Elements
...
codepen.io
검색창
https://codepen.io/thebabydino/pen/PBXRRm
Pure CSS expanding search with custom properties (no pre-Chromium Edge support)
[See me code this](https://youtu.be/_pcXWydkFWw) in about 30 minutes (you can speed it up if you think I'm too slow). Tested and works in Chrome and F...
codepen.io
https://codepen.io/ragnvaldpl/pen/RBXYgd
Minimal Search Bar
A simple minimal search bar made with css & jquery ^^...
codepen.io
https://codepen.io/martinomag/pen/AmzXwN
search bar
A flat style search bar for a project that I´m developing....
codepen.io
https://codepen.io/zanewesley/pen/GRjOPxw
Pure CSS Animated Search Bar
...
codepen.io
https://codepen.io/arthurra/pen/nXbeaQ
CSS only slide out search bar
A search icon that reveals a search bar on hover...
codepen.io
메인그리드 이미지
https://codepen.io/qwer273/pen/WNbyVov
메인그리드2
...
codepen.io
https://codepen.io/Hyperplexed/pen/xxXJbqq
Sassy Search Bar 💁
...
codepen.io
https://codepen.io/mandycodestoo/pen/vVGVyz
100DaysCSS-7
...
codepen.io
https://codepen.io/kathykato/pen/MqYVOq
Travel
Travel landing page made with Flexbox and CSS Grid....
codepen.io
https://codepen.io/TurkAysenur/pen/ZEpxeYm
Glassmorphism Creative Cloud App Redesign
Inspired by Mikołaj Gałęziowski "https://dribbble.com/shots/14831798-Glassmorphism-Big-Sur-Creative-Cloud-App-Redesign"...
codepen.io
디자인: 책 넓김 효과
KabrGM
...
codepen.io
Pure JavaScript Book Effect
...
codepen.io
Flip Book - CSS only
...
codepen.io
'💖My Bootcamp Projects Logs✨ > Individual Project Design' 카테고리의 다른 글
| 디자인) 개인 프로젝트 2 세부적인 디자인 참고 (0) | 2023.02.15 |
|---|---|
| 디자인) 디자인 가이드, 로고, 폰트 등 참고 사이트 (0) | 2023.02.05 |
| 🌷개발) CSS, 자바스크립트 애니메이션 라이브러리 등 모음 (0) | 2023.02.05 |
| 🌷디자인) 여러가지 템플릿, 포트폴리오 보는 사이트 (0) | 2023.01.29 |
