fbpx
Custom Pages
Portfolio
Aldeana Manantiales | Tutorial
3296
page-template-default,page,page-id-3296,ajax_fade,page_not_loaded,,side_area_uncovered_from_content,qode-theme-ver-13.6,qode-theme-bridge,wpb-js-composer js-comp-ver-5.5.1,vc_responsive

Tutorial

Easy way to use ScrollMagic
[bb_vcuc dots=»yes» slidestoshow=»1″ responsive=»%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D» filtering=»%5B%7B%7D%5D»][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
[vc_custom_heading text=»Create a scene» font_container=»tag:h3|text_align:right|color:%23000000″ use_theme_fonts=»yes»][vc_custom_heading text=»Admin panel > ScrollMagic > Add Scene.

Tab init : Settings before scrolling
Tab after: Settings after scrolling » font_container=»tag:div|font_size:14px|text_align:right|color:%237b7b7b|line_height:28px» google_fonts=»font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal»]

https://youtu.be/5Y-fYnKHIyk
[/bb_vcuc_slide][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
https://youtu.be/PHJJWa6Hm40
[vc_custom_heading text=»Use scene for default editor» font_container=»tag:h3|text_align:left|color:%23000000″ use_theme_fonts=»yes»]
[/bb_vcuc_slide][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
[vc_custom_heading text=»Use scene for all Editors.» font_container=»tag:h3|text_align:right|color:%23000000″ use_theme_fonts=»yes»][vc_custom_heading text=»You can use Class CSS for any element in Editor (Visual Composer, Divi, Fusion, Cornerstone, Elementor..etc..)» font_container=»tag:div|font_size:14px|text_align:right|color:%237b7b7b|line_height:28px» google_fonts=»font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal»]
https://youtu.be/Xk-IRK9b4t4
[/bb_vcuc_slide][/bb_vcuc]
Use multi-scenes
[bb_vcuc dots=»yes» slidestoshow=»1″ responsive=»%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D» filtering=»%5B%7B%7D%5D»][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
https://youtu.be/lxocoQ11Abw
[vc_custom_heading text=»Use Multi-scene for default editor» font_container=»tag:h3|text_align:right|color:%23000000″ use_theme_fonts=»yes»]
[/bb_vcuc_slide][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
[vc_custom_heading text=»Use Multi-scene for all Editors» font_container=»tag:h3|text_align:left|color:%23000000″ use_theme_fonts=»yes»]
https://youtu.be/6_y2KX7BBJQ
[/bb_vcuc_slide][/bb_vcuc]
Image-sequence
[bb_vcuc dots=»yes» slidestoshow=»1″ responsive=»%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D» filtering=»%5B%7B%7D%5D»][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
[vc_custom_heading text=»Use Image-sequence for default editor» font_container=»tag:h3|text_align:right|color:%23000000″ use_theme_fonts=»yes»][vc_custom_heading text=»Convert your Gif to jpg images in here
http://image.online-convert.com/convert-to-jpg» font_container=»tag:div|font_size:14px|text_align:right|color:%237b7b7b|line_height:28px» google_fonts=»font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal» link=»url:http%3A%2F%2Fimage.online-convert.com%2Fconvert-to-jpg||target:%20_blank|»]
https://youtu.be/3jGqhJBhFy8
[/bb_vcuc_slide][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
https://youtu.be/HcWtoSZjVSY
[vc_custom_heading text=»Use Image-sequence for Visual Composer» font_container=»tag:h3|text_align:left|color:%23000000″ use_theme_fonts=»yes»][vc_custom_heading text=»Convert your Gif to jpg images in here
http://image.online-convert.com/convert-to-jpg» font_container=»tag:div|font_size:14px|text_align:right|color:%237b7b7b|line_height:28px» google_fonts=»font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal» link=»url:http%3A%2F%2Fimage.online-convert.com%2Fconvert-to-jpg||target:%20_blank|»]
[/bb_vcuc_slide][/bb_vcuc]
Draw SVG
[bb_vcuc dots=»yes» slidestoshow=»1″ responsive=»%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D» filtering=»%5B%7B%7D%5D»][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
https://www.youtube.com/watch?v=iK8ci4pVgFA
[vc_custom_heading text=»Use Draw SVG» font_container=»tag:h3|text_align:right|color:%23000000″ use_theme_fonts=»yes»][vc_custom_heading text=»If you don’t have any HTML SVG code, and you have SVG file, you can use this Tool to convert SVG to HTML code
https://convertio.co/vn/svg-html/» font_container=»tag:div|font_size:14px|text_align:right|color:%237b7b7b|line_height:28px» google_fonts=»font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal» link=»url:https%3A%2F%2Fconvertio.co%2Fvn%2Fsvg-html%2F||target:%20_blank|»]
[/bb_vcuc_slide][/bb_vcuc]
Animate CSS
[bb_vcuc dots=»yes» slidestoshow=»1″ responsive=»%5B%7B%22destroys%22%3A%22no%22%2C%22dots%22%3A%22no%22%2C%22vertical%22%3A%22no%22%7D%5D» filtering=»%5B%7B%7D%5D»][bb_vcuc_slide filtering=»%5B%7B%22value%22%3A%22red%22%7D%5D»]
[vc_custom_heading text=»Use Animate CSS» font_container=»tag:h3|text_align:right|color:%23000000″ use_theme_fonts=»yes»]
https://youtu.be/Qw_xhNgmztY
[/bb_vcuc_slide][/bb_vcuc]

Contactanos


💬 ¿Necesitas ayuda?

Últimas unidades en venta

Suscribite para conocer
todas las novedades