Introduction

This plugin has been created to improve image handling with Bubble. For example, when we want to display someone's picture, it's not possible to define a background position, image position, except centered.

It allows you to handle images with CSS properties (position, size, repeat, fit, etc). This documentation explains how the plugin works, how to use it, with a reminder for involved css rules.

CSS Reminders

Find below CSS reminders for those who don't know css at all or need a reminder about how each property works.

Background-size

‌

CSS property background-size defines background image size. It can be constrained partially or completely to keep proportions.

‌

CSS values can be numeric or defined :

exit: ⌘↩

background-size: auto;
background-size: contain;
background-size: cover;
background-size: auto auto; /* Width height */
background-size: 50%;
background-size: 3.2em;
background-size: 12px;

‌

Auto

Keep proportions without filling the parent

‌

Cover