Portfolio presentation

Present your portfolio with outstanding, noticeable and stylish 3d hover effect. Hover over the portfolio to see it.
Read documentation
Usage frequency
Preset amount

Available options

Default code: [dfd_portfolio_presentation_module][dfd_spacer screen_wide_spacer_size="15"]

Style – Choose between 2 preset styles;

Animation – Select among 14 appear effects;

Categories – Select the categories to show;

Custom CSS Class –  Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Content elements – Choose the content elements you’d like to display;

Content alignment – Allows you to align the content horizontally;

Hover – Allows you to enable or disable the hover effect for the portfolio items;

Mask appear effect – Select the mask appearing hover effect;

Image hover effect – Allows you to choose the image behaviour on hover;

Hover mask settings – Customize the mask style, color, opacity, set the color for the content on hover. You can also enable the frame decoration and customize it;

Hover decoration settings – Allow you to add the main decoration and choose the behaviour of the decoration link;

Typography – Select letter spacing, font size and element tag. You can also choose the custom font family.

Default and Customized styles

Samples of preset and customized styles
left featured
custom hover