Genie of the Lamp 😶‍🌫️ Genie of the Lamp 😶‍🌫️

vendor prefix

• [CSS] linear-gradient() 사용하기

  Coding 2024. 8. 12. 23:55

  웹 화면을 개발하다 보면 가끔 그라데이션 마스크를 사용해야 할 일이 생깁니다.자주 쓰는 스타일이 아니다 보니 매번 검색하게 돼서 블로그에 남겨 봅니다.  linear-gradient()는 하나의 색상에서 다른 색상으로 부드럽게 이어지는 배경을 만들 수 있습니다.기본문법background: linear-gradient(direction, color-stop1, color-stop2, ...); direction (방향): 그라디언트가 적용될 방향을 지정합니다. 각도(예: 45deg), 키워드(예: to right, to bottom), 또는 기본값(to bottom)을 사용할 수 있습니다.color-stop (색상 지점): 그라디언트가 시작되거나 끝나는 색상을 지정합니다. 색상 이름, HEX 코드, RGB..

  Read More
• [SCSS] 내 기준 유용하게 사용하고있는 scss mixin 모음

  Coding 2023. 7. 14. 12:11

  작업하면서 유용하게 사용하고 있는 SCSS @mixin 모음입니다. 필요한 mixin이 생기면 계속 업데이트 할 예정입니다. @charset "utf-8"; /* *-------------------------------------------------------------------* | FUNCTION | *-------------------------------------------------------------------* */ @function vw($pixels) { @return ($pixels/360)*100vw; } @function grid($columns, $column) { @return percentage(1/$columns*$column); } /* *--------------..

  Read More