codemacher

The plugin offers different shortcodes to use the <a href="http://www.w3schools.com/css/css3_multiple_columns.asp" rel="nofollow ugc">CSS3 Multiple Columns</a>. 
For better user experience it includes an integration into the visual editor. You can enter all attributes with the help of dialogs, so you don’t need to write the shortcodes by hand.
The plugin simply wraps the enclosed content into a container and defines according CSS rules. 
The attributes for the shortcodes and examples you can find under “Other Notes”.
All default values can be changed in the settings page. With saving the settings a static CSS file is written and included for better performance.
<h3>Shortcodes</h3>
Here is the list of shortcodes with the corresponding attributes:
<h4>[css_columns]</h4>
This is an enclosing shortcode to distribute content into a CSS3 multiple columns layout. As content you can use any complex markup. A div-Tag with CSS classes and default definitions is used to wrap the content. The default values for the attributes can be changed in the settings page of the plugin.
Possible attributes:
<ul>
<li>gap – Specifies the gap between the columns, e.g. in pixel <code>40px</code>. Possible values can be found on <a href="http://www.w3schools.com/cssref/css3_pr_column-gap.asp" rel="nofollow ugc">column-gap on w3schools.com</a></li>
<li>width – Specifies a suggested, optimal width for the columns. Possible values can be found on <a href="http://www.w3schools.com/cssref/css3_pr_column-width.asp" rel="nofollow ugc">column-width on w3schools.com</a></li>
<li>count – Specifies the number of columns an element should be divided into. Possible values can be found on <a href="http://www.w3schools.com/cssref/css3_pr_column-count.asp" rel="nofollow ugc">column-count on w3schools.com</a></li>
<li>rule_color – Specifies the color of the rule between columns. Possible values can be found on <a href="http://www.w3schools.com/cssref/css3_pr_column-rule-color.asp" rel="nofollow ugc">column-rule-color on w3schools.com</a></li>
<li>rule_style – Specifies the style of the rule between columns. Description for the values can be found on <a href="http://www.w3schools.com/cssref/css3_pr_column-rule-style.asp" rel="nofollow ugc">column-rule-style on w3schools.com</a></li>
<li>rule_width – Specifies the width of the rule between columns. Possible values can be found on <a href="http://www.w3schools.com/cssref/css3_pr_column-rule-width.asp" rel="nofollow ugc">column-rule-width on w3schools.com</a></li>
</ul>
Example:
<pre><code>[css_columns gap=30px width=120px count=3 rule_color="#000000" rule_style=solid rule_width=medium]
.... here goes the complex content ....
[/css_columns]
</code></pre>
<h4>[css_col_span]</h4>
This is an enclosing shortcode, which only can be used within the [css_columns] shortcode. You can define content, which spans over multiple columns.
Possible attributes:
<ul>
<li>cols – Specifies how many columns an element should span across. Same values like <a href="http://www.w3schools.com/cssref/css3_pr_column-span.asp" rel="nofollow ugc">column-span on w3schools.com</a></li>
<li>tag – Specifies the tag used for wrapping the spanning content, e.g. <code>span</code>, <code>h2</code>, <code>div</code>, …</li>
</ul>
Example:
<pre><code>[css_col_span cols=2 tag=div]
... here goes the spanning content ....
[/css_col_span]
</code></pre>
<h4>[css_no_break]</h4>
This is an enclosing shortcode, which only can be used within the [css_columns] shortcode. You can define content, which never breaks into different columns. WARNING Feature is not supported by Firefox yet!
Possible attributes:
<ul>
<li>type – Specifies whether a page break is allowed inside a specified element. Same values like <a href="http://www.w3schools.com/cssref/pr_print_pagebi.asp" rel="nofollow ugc">page-break-inside on w3schools.com</a></li>
<li>tag – Specifies the tag used for wrapping the non breaking content, e.g. <code>span</code>, <code>h2</code>, <code>div</code>, …</li>
</ul>
Example:
<pre><code>[css_no_break type=avoid tag=div]
... here goes the non-breakable complex content ....
[/css_no_break]
</code></pre>

CM CSS Columns

A shortcode plugin to use the CSS3 Multiple Columns layout feature.

Labib Ahmed

The Image Hover Effects for WPBakery Page Builder is an essential extension that enhances the capabilities of WPBakery Page Builder by allowing users to effortlessly add captivating CSS3 hover effects to images with accompanying captions. With a wide range of hover effects available, including animations triggered on hover, users can create visually stunning image displays that engage and captivate visitors. This plugin provides a seamless integration with WPBakery Page Builder, making it easy for users to add and customize hover effects directly within the familiar WPBakery interface. Whether you’re showcasing products, portfolios, testimonials, or team members, the Image Hover Effects plugin adds an extra layer of visual appeal to your website, elevating the overall user experience.
Note: This plugin requires <a href="https://1.envato.market/93O7W" rel="nofollow ugc">WPBakery Page Builder</a>.
<a href="http://demo.webdevocean.com/image-hover-effects-vc-extension-demo/" rel="nofollow ugc">See DEMO Here</a> 
<a href="https://1.envato.market/BW2Yx" rel="nofollow ugc">Get Pro</a>
<h3>Features</h3>
<ul>
<li>Pure CSS3 Effects</li>
<li>Fully Responsive</li>
<li>40+ Hover Effects</li>
<li>Image Upload from media</li>
<li>Fast performance</li>
<li>Easy to Use</li>
<li>Change Caption Heading and Description Color</li>
<li>Both transition support left_to_right, right_to_left, top_to_bottom and bottom_to_top.</li>
</ul>
<h3>PRO Features</h3>
<ul>
<li>100% Responsive</li>
<li>Custom Width</li>
<li>Custom Height</li>
<li>Custom Font Sizes</li>
<li>Custom Caption Colors</li>
<li>Heading Background Colors</li>
<li>Caption Background Colour</li>
<li>Caption Background Image</li>
<li>Custom Border Width</li>
<li>Custom Border Color</li>
<li>Title Over Image</li>
<li>Support with in 12 hours</li>
</ul>

Image Hover Effects For WPBakery Page Builder

This plugin make my site really beautiful 

Awesome Effects

Best Plugin

Awesome Feature and Support

Add stylish CSS3 hover effects with captions to images in WPBakery Page Builder. Create engaging animations that enhance your site’s visual appeal.

CM CSS Columns vs Image Hover Effects For WPBakery Page Builder