하/중/상 스크롤 적용시 RGBA값이 ....
관련링크
본문
https://sir.kr/g5_tip/7319?sfl=wr_subject%7C%7Cwr_content&stx=%EC%8A%A4%ED%81%AC%EB%A1%A4
를 보고 적용해 봤습니다. sir 에서도 같은것을 사용 하는듯 합니다.
<style>
.go-up {position: fixed;right:25px;bottom:158px;border-radius: 5px;color: rgba(80,80,80,0.3);text-align: center;width: 25px;height: 25px;font-size: 16px;background-color:rgba(80,80,80,0.0);z-index: 999;display: none;}
.go-up:hover{color:rgba(0,0,255,0.6);}
.go-center {position: fixed;right:25px;bottom:135px;border-radius: 5px;color: rgba(80,80,80,0.3);text-align: center;width: 25px;height: 25px;font-size: 10px;background-color:rgba(80,80,80,0.0);z-index: 999;display: none;}
.go-center:hover{color:rgba(0,0,255,0.6);}
.go-down {position: fixed;right:25px;bottom:120px;border-radius: 5px;color: rgba(80,80,80,0.3);text-align: center;width: 25px;height: 25px;font-size: 16px;background-color:rgba(80,80,80,0.0);z-index: 999;display: none;}
.go-down:hover{color:rgba(0,0,255,0.6);}
</style>
원소스 RGBA 값 이구요.
<style>
.go-up {position: fixed;right:25px;bottom:158px;border-radius: 5px;color: rgba(80,80,80,0.3);text-align: center;width: 25px;height: 25px;font-size: 16px;background-color:rgba(80,80,80,0.0);z-index: 999;display: none;}
.go-up:hover{color:rgba(22, 68, 145, 0.9);color:#fff}
.go-center {position: fixed;right:25px;bottom:135px;border-radius: 5px;color: rgba(80,80,80,0.3);text-align: center;width: 25px;height: 25px;font-size: 10px;background-color:rgba(80,80,80,0.0);z-index: 999;display: none;}
.go-center:hover{color:rgba(22, 68, 145, 0.9);color:#fff}
.go-down {position: fixed;right:25px;bottom:120px;border-radius: 5px;color: rgba(80,80,80,0.3);text-align: center;width: 25px;height: 25px;font-size: 16px;background-color:rgba(80,80,80,0.0);z-index: 999;display: none;}
.go-down:hover{color:rgba(22, 68, 145, 0.9);color:#fff}
</style>
현재 사용중인 RGBA값 입니다. 80,80,0.3 이라는 값을 다르게 주어도 변화가 없더라구요.
조언 좀 부탁 드립니다. sir 에서 보여지는것 처럼 회색(?)으로 보이다가 좀 진한색 으로 보여 졌으면
합니다.
