로그인

검색

WEB
2017.12.14 09:44

TEXT 슬라이드 효과주기

조회 수 976 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

CSS

 

.css-typing
{
    width: 30em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}

 

Body

<p class="css-typing">
This is a paragraph that is being typed by CSS animation.
</p>

 

 

# 적용

  - 레이아웃 슬라이드에 텍스트 타이핑(Typing) 효과

 

1. 레이아웃 → 편집 → CSS

2. 레이아웃 → 설정 → 슬라이드 구문 입력란에 문구 작성

 

 

 

https://paulund.co.uk/create-typing-effect

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 XE/Rhmix 오라클 클라우드 - 우분투(Ubuntu) php7.3에서 php7.4로 업그레이드 하기 꽃지닷컴 2022.03.17 1347
공지 XE/Rhmix 라이믹스,XE 외부페이지 php 보안관련 꽃지닷컴 2022.03.16 1291
공지 XE/Rhmix PHP PDO CRUD with ajax jQuery and Bootstrap 회원관리(사진등록) file 꽃지닷컴 2021.03.19 1888
공지 XE/Rhmix soengsouy- PHPCRUD ALL FILE file 꽃지닷컴 2021.03.19 1293
공지 XE/Rhmix [구매하자] CRUD Application with PHP, PDO, and MySQL secret 꽃지닷컴 2021.03.19 0
공지 XE/Rhmix 라이믹스 사이트 모음 꽃지닷컴 2021.03.02 1372
공지 XE/Rhmix XE 참고 사이트 모음 secret 꽃지닷컴 2017.04.13 134
71 WEB Font-awsome 적용하기 꽃지닷컴 2017.12.24 239
70 WEB 하이브리드 채팅 연동 secret 꽃지닷컴 2017.12.17 0
69 WEB CSS 버튼 animation 효과 꽃지닷컴 2017.12.16 345
68 WEB Text 애니메이션 Hover 효과 꽃지닷컴 2017.12.14 371
» WEB TEXT 슬라이드 효과주기 꽃지닷컴 2017.12.14 976
66 편집파일 /layouts/xe_kimtajo_layout/css 꽃지닷컴 2017.12.06 326
65 편집파일 /widgets/webcon_carousel/skins/carousel_style/css/normal.css 꽃지닷컴 2017.12.06 380
64 편집파일 widgets/contentextended/skins/default/css/widget.css 꽃지닷컴 2017.12.06 812
63 편집파일 /common/tpl/common_layout.html secret 꽃지닷컴 2017.12.06 0
62 XE/Rhmix 오른쪽 마우스 금지하기 꽃지닷컴 2017.12.05 279
61 XE/Rhmix 꽃지닷컴 레이아웃 편집 꽃지닷컴 2017.12.03 335
60 WEB team css 꽃지닷컴 2017.12.03 373
59 XE/Rhmix ssl 이미지 액박 1 꽃지닷컴 2017.12.01 326
58 WEB HTML5 템플깃 만들기 (헤더,메인,사이드바) 꽃지닷컴 2017.11.30 299
57 WEB 웹사이트 오디오 플레이어 secret 꽃지닷컴 2017.11.14 0
56 WEB 로봇 명령어 꽃지닷컴 2017.11.11 471
55 WEB 네이버 로봇 수집 꽃지닷컴 2017.11.10 308
54 WEB HTML5 Audio Player list secret 꽃지닷컴 2017.11.07 0
53 XE/Rhmix 게시판형 스케줄 시간표 위젯 꽃지닷컴 2017.11.06 396
52 XE/Rhmix cPanel 에서 Let’s Encrypt SSL 적용하기 꽃지닷컴 2017.11.06 386
Board Pagination Prev 1 ... 5 6 7 8 9 10 11 12 13 14 Next
/ 14