VIBRATION

Rotate Frames. Did you know you can rotate any frame on MOBLE. Here we see 4 retangles rotated at 315°. Rotate will soon be a tool in the Frames Tools but for now, please open the Frame Tools and in the 'Pro' tab add a class for rotate-315, or whatever angle you prefer. Click the pencil icon on each ractangle and head to 'Pro' to test rotate.


Locate
CIRCLES

A 'circle' Class can be applied to any Frame. Usually, a 'circle' Class is applied to a square image to make it circle, often helpful with profile images for Team members and Authors. However, the 'circle' Class can be used on any Frame to may it oval. For a circle, it should be used in combination with the 'aspect-ratio-1x1 class', as seen here.

Button

PLAY
WITH SHAPES


Give it a go. Use the classes and give it a go. We do suggest that you are a current designer with a good eye, and perhaps understand CSS. Stay tuned for updates as we bring shapes and effects to the MOBLE UI.

MORE

DIAGONAL GRADIENT

Here you can see diagonal overlay used with a gradient. This time the diagonal is set to the bottom right (rather than top left, in the example above). The class used is: 'primary-overlay-diagonal-bottom-right'.

Primary Colour As you can see Primary is the blue accent colour in the bottom right. This is what the word primary means in the Class. You could use any Accent colour such as' accent-6-overlay-diagonal-bottom-right'. Notice the class is applied to the inner row (light mustard colour) via the 'Advanced' tab.

LET'S TALK

Try Gradient Angles!

Play with the angle of your gradients to bring contrast to your forms.

+1800 800 822
hello@moble.com.au






© COPYRIGHT 2029 VIBRATION / 1800 800 822TERMS  / PRIVACY