위치：홈페이지 > 템플릿 목록
css3 카드 스타일 일기 예보 앱 인터페이스
아름다운 CSS3 카드 스타일 일기 예보 앱, 날씨를 보여주는 UI 인터페이스 디자인 코드. 강수량, 습도, 풍속 및 현지 위치의 영향으로 오늘의 날씨 정보와 다음 며칠 동안의 일기 예보를 표시합니다.
CSS3 팀원 정보 카드 스타일
CSS3 팀원은 카드 특수 효과를 도입했습니다. 이 카드 스타일의 특수 효과는 특정 팀의 구성원을 소개하는 데 사용됩니다. 카드에는 캐릭터의 아바타와 간단한 설명 정보가 있습니다. 카드 위로 마우스를 가져 가면 회원의 소셜 연락처 아이콘이 나타납니다.
css3 닷지 배경 카드 스타일 플립 특수 효과
아름다운 카드 스타일 플립 효과를 얻으려면 css3를 사용하고, 카드 스타일의 색상 배경을 밝게하려면 css3를 사용하고, 클라우드 서버 제품 유형 선택을위한 애니메이션 속성, 카드 UI 레이아웃, 카드 플립 효과를 사용하십시오. 이것은 일반적인 제품 카드 레이아웃 효과입니다.
Three.js 제품 카드 스타일 기울기 효과
Three.js 제품 카드 스타일 기울기 효과
Typekit 스테레오 글꼴 스타일 코드
Typekit 스테레오 글꼴 스타일 코드, CSS로 구현 된 예술적 글꼴 스타일 특수 효과.
순수 CSS3 사용자 정보 카드 스타일
순수한 CSS3 사용자 카드 디자인 효과. 카드 디자인 효과는 SVG와 결합되어 카드를 마우스로 가리킬 때 멋진 애니메이션 효과를 생성합니다.
jQuery + SVG 일기 예보 플러그인
인터페이스는 매우 아름다운 HTML5 + SVG 일기 예보 효과, 카드 스타일, jQuery 및 CSS3 기술을 사용하여 달성합니다.이 jQuery 일기 예보 플러그인은 날씨 웹 사이트 관련 인터페이스 데이터 읽기를 통해 도시를 동적으로 전환하여 다른 도시를 표시하는 것이 특징입니다. 플러그인은 날씨 예보 인터페이스에 표시해야하는 관련 요소를 설정할 수도 있습니다.
css3 카드 스타일 플립 특수 효과 코드
css3를 사용하여 카드 스타일 마우스 호버 플립 특수 효과 애니메이션 코드 구현
jQuery 그래픽 텍스트 전환 카드 스타일 플러그인
매우 창의적인 jQuery 카드 스타일 그래픽 및 텍스트 전환 플러그인. 전환하는 콘텐츠가 지연 될 수 있다는 점에서 이전에 공유 한 캐 러셀 전환 플러그인과 다릅니다. 예를 들어, 콘텐츠의 게임 캐릭터 이미지를 전체적으로 표시 할 수 있습니다. 화면이 전환 된 후 화면으로 페이드 인하여 단계별 로딩을 지원합니다.
jQuery는 왼쪽 메뉴를 재귀 적으로 축소합니다.
jQuery는 왼쪽 메뉴를 재귀 적으로 축소하고, json 데이터 형식을 사용하여 왼쪽 메뉴를 클릭하면 jQuery가 자동으로 축소됩니다.
jQuery는 ajax 트리 메뉴 플러그인을 지원합니다.
잘 알려진 백그라운드 관리 프레임 워크 Ace에서 추출한 jQuery 다단계 트리 메뉴 플러그인은 다음과 같은 특징을 가지고 있습니다. 1, 트리 메뉴의 무제한 수준을 정의 할 수 있습니다. 2, 트리 노드의 Ajax 비동기로드 지원; 3, 사용자 정의 트리 선택한 노드의 아이콘입니다. 다른 하나는이 jQuery 트리 메뉴의 테마를 사용자 정의 할 수 있고 매우 아름답게 보인다는 것입니다.
Node.js 페이지 창 분할 플러그인 골든 레이아웃
golden-layout은 강력한 반응 형 페이지 창 분할 플러그인입니다. 그는 창을 최대화하고, 창을 최소화하고, 창을 닫을 수 있습니다. 분할 선을 설정하고 분할 선을 드래그하여 창의 크기를 변경할 수도 있습니다.
jQuery 트리 메뉴 플러그인
간단한 다단계 jQuery 트리 메뉴 플러그인, 데모는 기본적으로 3 단계 메뉴로 설정되며 데이터는 json 데이터로로드되지 않고 html 코드로 구현되며 jquery 코드는 확장 및 축소됩니다.
jQuery 텍스트 상자 다단계 드롭 다운 트리 메뉴
일반적으로 사용되는 트리 메뉴 선택 효과, jQuery 및 트리 메뉴 선택을 사용하여 텍스트 상자에 값을 할당하여 사용자 경험을 제공 할 수 있습니다.
HTML5 트리 애니메이션은 재귀 적 성장을 남깁니다.
반복적으로 잎이 자라는 HTML5 애니메이션, 캔버스를 기반으로 한 잎사귀 생성 애니메이션 데모
오른쪽 상단 모서리 버튼 원형 확산 탐색 메뉴 특수 효과
css3 + js로 구현 된 원형 확산 애니메이션 메뉴입니다. 기본 버튼은 웹 페이지의 오른쪽 상단에 있습니다. 버튼을 클릭하면 다층 확산 애니메이션 메뉴 효과가 표시됩니다.
Flat Bootstrap3은 드롭 다운 하위 메뉴로 탐색 모음을 아름답게합니다.
하위 메뉴가있는 Bootstrap3 프레임 워크를 기반으로하는 탐색 모음, 평면 디자인 색상은 사용자 정의 할 수 있으며 FontAwesome 글꼴 아이콘은 탐색 모음을 더욱 아름답게 만듭니다.
jQuery 멋진 떨어지는 애니메이션 전체 화면 메뉴
jquery + css3 + svg를 사용하여 멋진 메뉴 스타일, 애니메이션 효과가있는 전체 화면 오버레이 탐색 메뉴를 얻을 수 있습니다. 오른쪽 상단의 햄버거 메뉴를 클릭하면 폭포 웹 페이지 효과와 같은 떨어지는 애니메이션이 나타납니다.
jQuery 전체 화면 탐색 메뉴 오버레이 CSS3 전환
멋진 CSS3 전환 애니메이션 효과가있는 전체 화면 탐색 메뉴 코드. 팝업은 jQuery 이벤트를 사용하여 구현됩니다. 탐색 메뉴는 CSS3와 소량의 jQuery를 사용하여 만들어집니다. 사용자가 왼쪽 상단 모서리에있는 햄버거 버튼을 클릭하면 전체 화면 메뉴가 화면 상단에서 밖으로 슬라이드됩니다.
왼쪽 상단 모서리에 SVG 전체 화면 메뉴 애니메이션 효과 확장
멋진 애니메이션 효과로 전체 화면 메뉴를 확장하려면 왼쪽 상단 모서리에있는 아이콘을 클릭하여 SVG를 실현했습니다.
