분류 전체보기 (12) 썸네일형 리스트형 회사 이사 및 요즘 근황 맹스튜디오가 8월 초에 이사를 했습니다! 채광 보이시나요 색감과 분위기 모두 작업에 최적화 되어있는 게 보이시나요! 어느덧 이사한지 두달이 지났는데요 지금은 가구도 사람도 모두 새로운 사무실에 있답니다. 그리고! 식물도 키우고 있습니다🌳 얘 이름은 맹바라기예요 이렇게 작았던 아이가 쑥쑥 성장했어요 쑥쑥 성장해서 오늘 드디어 분갈이를 했어요!! 작은 아이는 성장 부진이에요 화분 이사도 해 줬으니 죽지말고 쑥쑥 자랐으면 (┬┬﹏┬┬) 며칠 전에는 생일파티를 했습니다 맛있는 케이크~ 뚜레주르에서 구매했는데 맛있었답니다 og 태그로 링크 미리보기 만들기 og태그를 이용해서 링크의 썸네일, 설명, 제목 넣는 방법을 함께 알아보겠습니다. og 태그를 이용한 미리보기 화면 입니다. 위의 이미지처럼 링크를 보낼때 보여지는 썸네일과 제목, 설명을 설정해주는 태그입니다 . HTML 삽입 미리보기할 수 없는 소스 주의할점이 있는데요, 위의 코드터럼 작성했는데 이미지가 뜨지 않는다면 flask가 설치안되있어서 그럴 수 있습니다. 그럴떈 flask를 설치해주시거나, 아래처럼 이미지 주소를 적어주면 됩니다. HTML 삽입 미리보기할 수 없는 소스 box-shadow 로 그림자효과 내기 div{ box-shadow:inset 4px 4px 4px #000; } inset을 설정해주면 그림자가 안쪽에 생성된다 숫자로 된 속성값은 순서대로 세로, 가로, 흐리게 값이다. 세로, 가로값은 필수 값이라서 꼭 작성해야한다. 그리고 마지막에 색상코드 값을 작성해주면 된다. See the Pen Untitled by 김채영 (@cherryat) on CodePen. 보라색 상자로 만들어본 예제이다 Google 홈 배경화면 트렌드하게 변경해 보아요. 먼저 저의 구글 배경화면을 공개합니다. 두둥 15살 때 짱구 극장판(폭풍을 부르는 정글)을 보고 아직까지도 인상 깊이 기억에 남는 극장판 포스터 너무 쉽습니다~~~ 주의할 점은 이미지 원본 사이즈보다 모니터 화면이 크다면 이미지가 깨진다는 점! 적어도 이미지는 가로 1920px 사이즈 이상으로 적용하시면 됩니다. 무난한 흰 배경에서 좋아하는 이미지로 모두들 바꿔봅시다~~@ 자료출처 : Google검색 / 짱구 극장판 폭풍을 부르는 정글 / 22.05.19 AOS.js (Animate On Scroll) 를 사용해보자 See the Pen Untitled by kimjihyun (@jihyun998) on CodePen. https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io 1. cdn 넣기 - css - js 2. AOS.init(); 넣기 init를 적어줘야 동작한다. 안에 속성들은 밑에 링크로 하나씩 써보면 재미있답니다! AOS . init ( ) ; // 초기화 // 나열된 기본 설정 // 선택적 설정 개체를 전달할 수도 있습니다 AOS . init ( { // 전역 설정: disable : false , // 다음 값 허용: 'phon.. 부산 연산역 아뜰리에마롱 빵집 네이버 검색 후기가 좋아서 찾아간 아뜰리에 마롱! 구매할 때 직원분이 포인트 만드시냐고 물어봤을 땐 한번 오고 말 생각으로 안 만들었는데 바로 다음날 만들었음@@ 최애 BEST메뉴 마늘빵 기본적으로 생각나는 거칠한 단면의 마늘빵이 아니다...! 촉촉한 마늘빵 다음엔 바질 크로칸트 도전! 소문난 얼큰이 샤브샤브손칼국수 ( +간식 ) 삼삼갈비 건물에 같이 있는 구성은 고기랑 칼국수랑 미나리랑 버섯 가득 볶음밥 포함해서 가격은 1인 8000원! 김치는 겉절이처럼 아삭아삭하다. 간식은 요거트볼 gooey filter 를 응용한 메뉴 버튼 만들기 See the Pen gooey filter 응용 by nammyeon (@nammyeon) on CodePen. html에 svg를 넣은 후 css에서 적용하면 끝! http://www.w3.org/2000/svg" version="1.1"> 필터 ID는 원하는대로 정한 후 안에 있는 필터 값만 바꿔주기 적용하고자 하는 영역에 css로 필터 ID 불러오면 끝~~ div {filter: url(#bbq)} 참고로 values는 색상 매트릭스라고 하는 RGBA의 채널값인데 우리가 바꿔줄 수 있는 건 뒤에 있는 파란색 숫자 두 개다. 값을 마음대로 조절할 수 있는데 딱! 저 값이 가장 예쁘다. @@@@@@여기서 또 응용해서 쇼핑몰이나 앱에서 종종 보이는 버튼 만들기@@@@@@@@@@@@@@ See the P.. gooey filter 끈적하게 보이는 gooey filter See the Pen gooey filter by nammyeon (@nammyeon) on CodePen. green sock 응용이다!! ! 생각보다 빠르게 응용 편을 가지고 왔다 ! See the Pen gsap0 by kimjihyun (@jihyun998) on CodePen. 박스별로 설명을 시작하겠습니다. pink { 윈도우가 로드되면 알아서 실행합니다. x 500px 를 3초에 걸려 이동합니다. } orange { scrub 스크롤이 요소 이전으로 돌아가면 애니메이션도 되돌아가는 기능을 말한다. 기본값은 true 이지만 숫자를 기입하는 게 더 자연스럽다. toggleActions: ( onEnter onLeave onEnterBack onLeaveBack ) 기본값 ( play none none none ) orange는 스크롤시 시작하고 다시 돌아가면 반대로 시작한다. } green { timeline tl(타임라인 변수명) .. 이전 1 2 다음
