본문 바로가기 메뉴 바로가기

크로켓 개발 이야기

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

크로켓 개발 이야기

검색하기 폼
  • 분류 전체보기 (12)
    • node.js (3)
    • javascript (1)
    • MongoDB (4)
    • iOS_Swift (0)
    • Android_Kotlin (0)
    • css (1)
    • 일기 (1)
    • 서버 (1)
      • 사이트맵 (1)
  • 방명록

css (1)
별점을 소수점으로 채우기

안녕하세요~~~ㅋㅋㅋㅋㅋㅋㅋ#별점, #별점 채우기, #별 css 🤩 🤩 🤩 🤩 🤩 🤩 🤩 오늘 할 일은 바로 이겁니다.ㅋㅋㅋㅋㅋ 별이.. 차오른다.. 원래 기존 별점은 이랬습니다ㅋㅋㅋ아 그냥 4.7이면 대충 반올림해서 별 5개 칠하자...하지만 양심에 찔리는 기분이 들어서 별을 정확하게 채워보기로 했습니다. 방법은 간단합니다. 1. 배경 별: (전체) 별 5개가 꽉찰만한 width로 회색으로 채웁니다. 잘 재보세요.2. 색깔 별: (점수) 배경 별의 넓이*(점수/총점)을 width로 합니다. 1,2는 겹쳐야 하므로 position:absolute로 해줍니다. 여기서 색깔별은 width를 벗어나는 경우 안보이게 감춰야하고, overflow:hidden; 보통 글씨는 꽉차면 다음줄로 넘어가므로 다음줄로 넘어..

css 2018. 5. 24. 14:35
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Find
  • Except
  • select
  • node
  • 빼고
  • mongodb
  • 제외
  • Nodejs
  • replica set
  • 쿼리
more
«   2025/08   »
일 월 화 수 목 금 토
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
31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바