gradient3 썸네일형 리스트형 [Unity][UI Toolkit] UI Toolkit 사용하면서 살짝 헤맨 부분들 오래 헤매진 않았고, 그냥 당연히 이렇게 하면 되겠지~라고 했다가 안 돼서 검색한 부분을 살짝쿵 모아보았다. 커스텀 컨트롤에서 Content Container 설정ui toolkit custom control content container add child in innercustom c# visualElement child나의 경우에는 커스텀한 Label Container을 만들 때와 grid View를 만들고 해당 뷰와 연결되는 리스트가 비어있을 때 보여줄 empty container을 만들기 위해 사용하였다.간단하게 VisualElement의 virtual 프로퍼티인 contentContainer을 override하면 된다.private VisualElement _contentContainer;pu.. 앱 개발/Unity, C#2024. 12. 31. [CSS] 이미지 위에 gradient 넣기 + 틈 없애기 다음 페이지로의 자연스러운 전환이나, 이미지 스크롤러의 양 끝에 자연스럽게 이미지가 사라지는 효과를 위해 background를 gradient로 설정한 div 태그 등을 넣기도 한다. 이때, graident 컴포넌트가 생기기는 하는데 이미지 뒤에 있는 경우에는 z 값 조정 대신 position 속성을 absolute로 설정하면 해결된다.아래는 예시 코드. (나는 tailwind css 사용 중이라 아래처럼 입력했다).gradient-edge { @apply absolute inset-0 left-0 right-0 top-0 bottom-0; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0.00) 25.. 웹 개발/소소한 팁, 버그 해결2024. 11. 22. [CSS] 아이콘 / 텍스트에 그라데이션(Gradient) 추가 [Tailwind CSS] 결론만 간단히. .gradient-text-and-icon { background: linear-gradient(91deg, #E05438 25.06%, #F41C33 62.44%, #D21FD6 94.29%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 웹 개발/소소한 팁, 버그 해결2024. 3. 20. 이전 1 다음
