W3.CSS Modal Animasi

Warkasa1919
Juni 15, 2025
Berbagi
W3.CSS
W3.CSS Animated Modal

Zoom in the modal with the w3-animate-zoom class, or slide in the modal from a specific direction using the w3-animate-top, w3-animate-bottom, w3-animate-left or w3-animate-right class:
Berita Terkait
Warkasa1919
Untuk segala sesuatu ada Masanya, untuk apapun di bawah Langit ada Waktunya.
Tags
Panduan
Berita Terkait
Posting Komentar
Batal
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2838643729-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY44PJph-M0JLLGwAYmQkwgnRCrtow:1750063856292';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1548869115609449173','//www.warkasa1919.my.id/2025/06/w3css-modal-animasi.html','1548869115609449173');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1548869115609449173', 'title': 'Warkasa1919.my.id', 'url': 'https://www.warkasa1919.my.id/2025/06/w3css-modal-animasi.html', 'canonicalUrl': 'https://www.warkasa1919.my.id/2025/06/w3css-modal-animasi.html', 'homepageUrl': 'https://www.warkasa1919.my.id/', 'searchUrl': 'https://www.warkasa1919.my.id/search', 'canonicalHomepageUrl': 'https://www.warkasa1919.my.id/', 'blogspotFaviconUrl': 'https://www.warkasa1919.my.id/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Warkasa1919.my.id - Atom\x22 href\x3d\x22https://www.warkasa1919.my.id/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Warkasa1919.my.id - RSS\x22 href\x3d\x22https://www.warkasa1919.my.id/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Warkasa1919.my.id - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1548869115609449173/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Warkasa1919.my.id - Atom\x22 href\x3d\x22https://www.warkasa1919.my.id/feeds/8241721653671962099/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-3360508238136818', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/097852144318c596', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'item', 'postId': '8241721653671962099', 'pageName': 'W3.CSS Modal Animasi', 'pageTitle': 'Warkasa1919.my.id: W3.CSS Modal Animasi', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'W3.CSS Modal Animasi', 'description': 'Inovasi Tiada Henti - Jasa Pembuatan Website1919, Jasa Website Murah, Jasa Website 1919, Jasa Website Indonesia, Jasa Website Pekanbaru,', 'url': 'https://www.warkasa1919.my.id/2025/06/w3css-modal-animasi.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8241721653671962099}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML74'}, {'title': 'TERBARU', 'type': 'HTML', 'sectionId': 'ticker', 'id': 'HTML2'}, {'title': 'Warkasa1919.my.id (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'section', 'id': 'LinkList1'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads1', 'id': 'HTML1'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads2', 'id': 'HTML22'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads3', 'id': 'HTML33'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'dynamic_headline', 'id': 'HTML4'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads4', 'id': 'HTML44'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads5', 'id': 'HTML55'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads6', 'id': 'HTML66'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads7', 'id': 'HTML77'}, {'title': 'Property from 1919', 'type': 'LinkList', 'sectionId': 'dynamic_recent_posts_beeroom', 'id': 'LinkList19'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads8', 'id': 'HTML88'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads10', 'id': 'HTML459'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads11', 'id': 'HTML499'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads12', 'id': 'HTML769'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '8241721653671962099', 'title': 'W3.CSS Modal Animasi', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': 'pada tanggal'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Post a Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'labels', 'label': ''}]}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_ads', 'id': 'HTML90'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads_1', 'id': 'HTML91'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ads', 'id': 'HTML92'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads_2', 'id': 'HTML93'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML94'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'multiplex_ads', 'id': 'HTML75'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'floating_ads', 'id': 'HTML987'}, {'title': 'Translate', 'type': 'Translate', 'sectionId': 'sticky_sidebar_menu', 'id': 'Translate1'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads14', 'id': 'HTML129'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads15', 'id': 'HTML189'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_widget4', 'id': 'HTML3'}, {'title': 'Rekomendasi', 'type': 'HTML', 'sectionId': 'custom_script', 'id': 'HTML5'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML74', 'settings', document.getElementById('HTML74'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'ticker', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'section', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'billboard_ads1', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'billboard_ads2', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML33', 'billboard_ads3', document.getElementById('HTML33'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'dynamic_headline', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML44', 'billboard_ads4', document.getElementById('HTML44'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML55', 'billboard_ads5', document.getElementById('HTML55'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML66', 'billboard_ads6', document.getElementById('HTML66'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML77', 'billboard_ads7', document.getElementById('HTML77'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList19', 'dynamic_recent_posts_beeroom', document.getElementById('LinkList19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML88', 'billboard_ads8', document.getElementById('HTML88'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML459', 'billboard_ads10', document.getElementById('HTML459'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML499', 'billboard_ads11', document.getElementById('HTML499'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML769', 'billboard_ads12', document.getElementById('HTML769'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1333171735-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML90', 'top_ads', document.getElementById('HTML90'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML91', 'middle_ads_1', document.getElementById('HTML91'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML92', 'parallax_ads', document.getElementById('HTML92'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML93', 'middle_ads_2', document.getElementById('HTML93'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML94', 'bottom_ads', document.getElementById('HTML94'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML75', 'multiplex_ads', document.getElementById('HTML75'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML987', 'floating_ads', document.getElementById('HTML987'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TranslateView', new _WidgetInfo('Translate1', 'sticky_sidebar_menu', document.getElementById('Translate1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML129', 'billboard_ads14', document.getElementById('HTML129'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML189', 'billboard_ads15', document.getElementById('HTML189'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer_widget4', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'custom_script', document.getElementById('HTML5'), {}, 'displayModeFull'));
</script>
</body>
Warkasa1919.my.id

Ruang berbagi dan informasi

W3.CSS Modal Animasi

W3.CSS Animated Modal

Hubungi

CLICK!Hubungi Kami

Hubungi Kami

Jasa Pembuatan Blog dan Website Siap Pakai di Pekanbaru, Riau

Perbandingan Antara WordPress dan Blogspot

Perbandingan Antara WordPress dan Blogspot

WordPress

Blogspot

Ringkasan

Pembayaran

Paket WordPress (PW)

Profil

Warkasa1919
