CSS3 피그마 corner smoothings css로 주기 코딩/CSS 2024. 11. 26. Figma에는 Corner Smoothings 라는 기능이 있다.이게 뭐냐면 박스의 라운드를 줄 때, 좀 더 부드럽게 가장자리 처리를 해주는 것이다.위 그림에서 왼쪽은 일반적으로 radius 10을 준 것이고,오른쪽은 radius 10에다가 corner smoothings라고 되어있는 곳에 iOS값을 100%로 더 준 것이다.언뜻 보면 티가 안 날 수도 있지만 자세히보면 라운드의 가장자리 처리가 살짝 더 곡선으로 되어있다. 그래서 이것을 css로 구현할 수 있는가에 대해 검색해봤는데아직 css3에는 이런 기능은 없고 스크립트의 사용으로 구현이 가능했다. 아래는 관련 질문에 대한 글.https://www.reddit.com/r/FigmaDesign/comments/stf1hq/rounded_corners_.. 티스토리 방명록 순서 거꾸로 나올 때 변경하기(북클럽 스킨) 개인공간 2024. 9. 3. 해당 방법은 북클럽(Book Club) 스킨의 변경법을 알려드리는 것입니다.다른 스킨은 클래스가 달라서 적용이 안 될 수 있습니다. 티스토리 스킨을 이것저것 바꾸다 보니새로운 기능들도 생겨서 변경 하는 중에 방명록이 바뀌었다는 것을 알게 됐다.북클럽 스킨에서도 코드가 되게 복잡했었는데 간단하게 몇 줄로 요약해서 쓸 수 있게 됐음.이렇게 HTML쪽에 짠 하고 붙이면 나옴. ★[#~ #] 이 치환자 부분이 자꾸 티스토리 본문에서 자동으로 삭제되므로 아래 사진코드를 참고하세요. 그런데.. 음..?방명록에 들어가보니 순서가 거꾸로 되어 있었다..예전 방명록은 가장 최신글이 맨 위로 올라오도록 정렬이 되어 있었는데바뀐 방명록은 첫번째 보이는 글이 젤 오래전에 남겨진 글이었다.당황해서 검.. css 그룹 스타일 지정 코딩 2018. 1. 25. 그룹 묶음 스타일을 사용해야 할 때가 있음예를 들면, step_1, step_2, step_3이런 클래스를 한꺼번에 스타일을 줘야한다면 [class^="step_"]{color: #333} 이런식으로 줄여서 쓸 수 있음.앞에 ^= 는 괄호 안에 텍스트에 해당하는 클래스를 찾아 한꺼번에 처리 해줌응용하면 [href^="http"]{color: #aaa} 이 문구는 링크에 http 로 시작하는 모든 코드에 속성을 줌. 자세한 것은 아래 참조https://www.w3schools.com/cssref/css_selectors.asp 이전 1 다음
euntori
Comments