: 공격 기술로 더 안전한 사이버 공간을 만듭니다.
즐겁게 일하고, 함께 성장하는 회사
<aside> 💡 oopy:slide
type: "crossfade" # Pro 플랜 전용) 애니메이션 효과가 크로스페이드로 적용됩니다.
speed: 1000 # 슬라이드가 넘어가는데 걸리는 시간입니다. 기본값: 1000 (ms, 밀리세컨드)
ratio: 2.76 # 슬라이드 너비 : 슬라이드 높이 비율을 지정합니다. 기본값: 2.76 (708px : 256px)
full: false # 슬라이드를 화면에 꽉 차도록 합니다. full 옵션이 true 일때도 ratio는 유지됩니다. 슬라이드가 컬럼이나 토글에 들어가는 경우 해당 옵션은 동작하지 않습니다. 기본값: false
autoplay:
period: 6000 # 슬라이드가 자동으로 넘어가기까지 걸리는 시간입니다. 자동 재생을 원하지 않는다면 값을 0으로 주세요!
indicator: # 슬라이드 아래에 나타나는 이동을 위한 점들을 의미합니다.
show: true # 점들을 숨기려면 값을 false로 변경하세요
color: "#474998" # 현재 보이는 슬라이드에 대응되는 점의 색깔입니다. 기본값: #6196FF
borderRadius: 35 # 슬라이드의 모서리를 둥글게 하는 값입니다. 기본값: 16
backgroundColor: "#474998" # 슬라이드의 배경화면 색상을 지정합니다. *) 배경을 투명색으로 사용하려면 "transparent" 를 입력하세요.
</aside>
<aside> 🏥 **개인의 삶을 윤택하게!
</aside>
<aside> 🏖️ **놀 때도 열정적이게!
</aside>
<aside> 📖 **성장도 꾸준하게!
</aside>
<aside> 🍴 **복리후생 후하게!
</aside>
<style>
.hello-world {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 60px;
border: 2px solid;
font-weight: bold;
color: #1b1b38;
background-color: white;
border-color: currentColor;
transition: 300ms;
}
.hello-world:hover {
color: white;
background-color: #1b1b38;
color: white;
}
</style>
<a class="hello-world" style="border-radius: 32px;" href="<https://beaded-roll-ed0.notion.site/bfc0d6e268254d0ea31baf54993e258f?pvs=4>">자세히보기</a>