[css] box-shadow
·
디자인 정보
box-shadow: h-shadow, v-shadow, blur, spread, color | inset | initial | inherit ; h-shadow 가로방향의 그림자 위치(position). 음수는 좌측, 양수는 우측방향. v-shadow 세로방향의 그림자 위치(position). 음수는 위쪽, 양수는 아랫쪽. blur (optional) 흐릿한 효과(blur)의 길이. spread (optional) 그림자를 확장하는 크기(size). 이 값이 클수록 원본 그림자보다 설정값만큼 그림자가 커지며, 음수도 사용가능. color 그림자의 색상. inset (optional) 이 속성을 설정하면, 그림자가 테두리의 안쪽으로 생성됨. initial 현재 설정을 전체 HTML문서 내의 box-sha..
[css] 글자 아래 밑줄 생기는 hover effect
·
디자인 정보
글자 hover 시 글자아래로 라인이 그려지는 hover effect 유용한 정보라 codepen에서 보고 스크랩할겸 가져왔다. 그냥 가져와도 되는거 맞나..? #1 See the Pen Border bottom hover effect by jihun Sim (@simjihun) on CodePen. #2 See the Pen PooerOj by CreativeStudio (@creativestudiocss) on CodePen.
망원동 청어람
·
먹부림
코로나때문에 2호점을 운영하지 않아(3월 초)웨이팅이 장난아니었다. 약 1시간 조금 넘게 대기한듯... 청어람의 대표메뉴 곱창전골을 드디어 먹어보았다. 역시 괜히 대표메뉴가 아니고요? 대파비중이 굉장히 높아 빨간 국물인데 맑은 느낌도 나고 깔끔하고 시원한 맛이었다. 거기다 약간 떡볶이 느낌도 나는거같고.. 맛있어서 배부른줄도 모르고 마무리로 밥까지 볶아 깔끔하게 해치웠다. 역시 청어람은 곱전!!!
청라 백금당
·
먹부림
수플레팬케이크가 먹고 싶어서 갔던 백금당. 카카오맵 별점은 낮았지만 점수가 그닥이어도 맛있던 곳이 있었기 때문에 방문해보았다. 전엔 일요일 오후에 갔더니 테이블이 꽉차서 발길을 돌렸던 적이 있었는데 평일 오후 9시에 가니 자리가 많았다. but, 앞테이블이 팬케이크를 반이상 남기고 가는걸 보고 알아차렸어야 했다. 기대했던 수플레 팬케이크는 계란 비린내가 오져서 먹을 수가 없었다 ㅜㅠㅠ 음료값도 팬케익도 비싼 편이어서 먹어보려 했지만 도저히 먹을 수가 없는 냄새... 도대체 계란을 어떻게 한건지 사람이 먹을 음식이 아닌 느낌. 이렇게 카카오맵 별점을 더욱 신뢰하게 되었다.
상동 참숯구운닭갈비
·
먹부림
상동 나이트 근처에 유명한 닭갈비집이 있다고 들어서 알고 있긴 했는데 동행인이 거기 말고 다른 맛집이 있다며 데려간 숯불닭갈비집이다. 𝕁𝕄𝕋 𝕁𝕄𝕋 𝕁𝕄𝕋 처음부터 끝까지 직접 다 구워주시고 기본반찬으로 나오는 묵사발도 말모 말모. 파채랑 콩나물무침도 맛있고 고기는 뭐 말할것도 없다. 첫방문이라 양념1, 궁중1 주문해봤는데 맵쓰인 동행인에겐 좀 맵다고 하더라. 궁중은 소금구이같은 느낌인데 별 양념없어도 충분히 맛있고 매운양념소스를 따로 주셔서 매운거 못먹는 사람이 있으면 궁중만 시켜도 될 것 같다. 재방문의사 1000퍼❗️❗️❗️
골든구스
·
쇼핑
2n번째 생일 선물로 받은 골든구스🎁 10년동안 갖고 싶었는데 뭔가 내돈주고 사긴 아까운 그런 아이템이었는데 선물 받아서 넘 좋당❤️ 웨스틴조선에서 식사 후 바로 근처 롯데본점에서 구매했다! 무난한 실버탭으로 할까 하다가 요 모델이 눈에 띄었다. 내가 이것저것 신어보는 동안 두명이나 같은 모델 구매해가는걸 보니 내 눈에만 예쁜게 아니었나봄🤔 내가 신은거랑 똑같이 신발끈이 짝짝이로 디피되어 있었는데 원래 끈은 검정이고 흰끈은 판매하는 제품이었다. 흰 끈이 예뻐서 같이 사버렸다🙌 신발 뒤쪽은 검정 빤짝이가 포인트 가격에 비해 착화감은 매우 구리다. 속굽이 생각보다 높고 바닥이 딱딱함 ㅜㅠ 대신 속굽덕에 티안나게 키가 커보이고 가죽은 부드러워서 뒤꿈치가 까질 일은 절대 없다. 그리고 여기저기 다 어울리는게 최..
[css] 스프라이트 이미지 사용하기
·
디자인 정보
이미지 스프라이트 image sprite 웹사이트의 로딩시간을 줄이기 위해 하나의 이미지 파일에 여러개의 이미지가 포함되어 있는 것을 말한다. 주로 웹페이지들 곳곳에 들어가는 작은 아이콘들을 모아 하나의 이미지 스프라이트로 만들고 css의 background-position으로 가로 세로 위치를 지정해 사용한다. https://spritegen.website-performance.org/ CSS Sprite Generator, Editor, and Code --> --> --> CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combine..