Split Screen Slider hanya menggunakan Elementor Pro
- Kode CSS dan javascript hanya dapat diakses oleh customer TokoGPL
Pada tutorial kali ini, kita akan membuat Split Screen Slider yang stylish dan modern dengan hanya menggunakan Elementor Pro. Desain ini sangat fleksibel untuk di modifikasi dan dapat digunakan untuk berbagai tujuan seperti: menonjolkan produk unggulan anda, portofolio, menawarkan promo, dll.
Tonton video di bawah untuk tutorial step by step.
Support us
Bila anda ingin menghemat waktu dan tidak membuat dari awal, anda dapat mendukung kami dengan membeli template yang sudah jadi di link berikut: Split Screen Slider Elementor Template Dukungan anda penting untuk kami dapat terus mengupload konten-konten berkualitas tinggi.
Kelas CSS
split-screen
left-side
right-side
slide slide1 active-slide
slide slide2
slide slide3
slide slide4
slide slide1 active
slider-controls
prev-slide
next-slide
Kode CSS dan Javascript
/* Basic Styles for Split Screen */
.split-screen {
display: flex;
height: 100vh;
Anda harus customer TokoGPL dan sudah Login untuk mengakses konten
.right-side .active-slide {
transform: translateY(0);
}
