모든 개발자를 위해 18개의 UI 구성 요소를 만들었습니다.

안녕 얘들아

, 개발했습니다 ui-components.com .
한 번의 클릭으로 좋은 UI 구성 요소를 찾고 scss 코드를 복사할 수 있습니다.



이 웹사이트를 업데이트하고 새로운 18개의 Ui 구성 요소를 추가했습니다.

웹사이트: https://ui-components.com
github: https://github.com/YuikoIto/ui-components

업데이트 내용은 다음과 같습니다.

새로운 4개 버튼 구성 요소 추가됨

새로운 2 입력 구성 요소 추가됨

텍스트 애니메이션 페이지를 만들고 새로운 4개의 텍스트 애니메이션 구성 요소를 추가했습니다

.

화살표 페이지를 만들고 4개의 화살표 구성 요소를 추가했습니다

.

말풍선 페이지를 만들고 말풍선 구성 요소 4개를 추가했습니다

.

버그 수정

버튼

다음 4개의 버튼을 추가했습니다.

입력

다음 2개의 입력을 추가했습니다.

텍스트 애니메이션

다음 4개의 텍스트 애니메이션을 추가했습니다.

팁:

이 Hello 문자를 구분하기 위해 5개의 스팬 태그를 사용하고 있는데 예를 들어 &:nth-child(1) 및 &:nth-child(2)를 사용하고 싶지 않았습니다. 그런 다음 @for를 사용했습니다.

이것은 정말 유용합니다.

  @for $i from 1 through 5 {
    &:nth-child(#{$i + 1}) {
      $delay: $i * 0.1 + s;
      animation-delay: $delay;
    }
  }

화살표

다음 4개의 화살표를 추가했습니다.



이게 편하긴 한데 좀 귀찮은 것 같아요. 그래서 덧붙였습니다.

말풍선

다음 4개의 말풍선을 추가했습니다.

버그 수정

버그 수정은 아래와 같습니다.

모달이 열려 있을 때 아무 곳이나 클릭하면 모달이 닫힙니다.

전에



모달이 열려 있는 동안 코드의 일부를 복사하고 싶을 수 있지만 업데이트하기 전에는 모달의 어디를 클릭해도 닫힙니다.

후에



그런 다음 수정했습니다.

🌖🌖🌖🌖🌖🌖🌖🌖
읽어 주셔서 감사합니다!
이 웹 사이트를 사용하고 피드백을 제공하면 정말 졸업할 것입니다!

🍎🍎🍎🍎🍎🍎

필요하시면 쪽지 주세요.

[email protected]

🍎🍎🍎🍎🍎🍎