매우 아름 다운 css 성급 효과 총화 1/2 페이지
최근 에 프로젝트 의 수요 로 인해 저 는 인터넷 에서 css 성급 평 점 의 예 와 설명 을 많이 찾 았 습 니 다.그러나 대부분 외국 의 글 을 번역 하고 설명 이 잘 되 지 않 은 것 을 발 견 했 습 니 다.그래서 저 는 스스로 정 리 를 하기 로 결 정 했 고 여러분 에 게 도움 을 주 고 싶 습 니 다.
우선 중국어 로 이 효과 의 알고리즘 을 쓰 세 요.
1. 배경 그림 의 위치 전환 을 사용 하여 성급 효 과 를 얻 기;
2. 전체 효과 의 가장 관건 적 인 부분 은 바로'3 층 이론'이다.전체 효 과 는 3 층―공 분 층,점수 층 과 타 분 층 으로 나 뉘 는데 3 층 의 구 조 는 모두 absolute 로 울 자체 가 가지 고 있 는 상대 적 인 구 조 를 피한다(물론 div 로 도 같은 효 과 를 얻 을 수 있다).
3. 빈 층 은 배경 그림 의'공 성'을 배경 으로 하고 가로로 평평 하 게 펴 는 것 이다.
4. 점수 층 의 너 비 는(점수*그림 너비)에서 얻 은 수치 와 같 으 며 배경 그림 의'점수 별(예 에서 노란색)'을 배경 으로 가로로 평평 하 게 깔 아 줍 니 다.
5. 레이 어 링 은 5 개의 빈 링크 를 5 개의 별 위치 에 두 는 것 입 니 다.(너 비 는 배경 그림 과 일치 해 야 합 니 다)5 개의 a:hover 배경 을'채점 성(여 기 는 녹색)'으로 설정 하고 너 비 는 별 수*그림 너비,left 는 0(왼쪽,이렇게 a:hover 의 서로 다른 너비 와 결합 하면 채점 효과 가 나타 납 니 다).수직 좌표 가 a 보다 작은 수직 좌표(현재 a:hover 가 다른 링크 를 가리 지 않도록 확보);
1 2 다음 페이지 전문 을 읽다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하는 방법은 무엇입니까?장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하려면 @media의 미디어 쿼리 구문을 사용한 다음 구문을 작성하여 스타일의 최소 너비를 정의해야 합니다. 적용된 후 and라는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.