Shadows

Shadows play an important role in making elements blend into a room on ohyay.

991991

Types of Shadows

ohyay supports many types of shadows, such as CSS box shadows, drop shadows, and perspective shadows. The Shadows category can be found in the Advanced Properties panel below the Borders and Corners category.

658658

Drop Shadow

Drop Shadow casts a simple box shadow behind an element within the room. Unlike CSS box shadow, drop shadow has the spread property which scales the shadow proportionately on all sides of the element. Below is an example of the drop shadow property with the spread property set to 4.

730730 516516

Perspective Shadow

The perspective shadow property places a shadow beneath an element to give a sense of depth to where the element sits in the room. You can adjust the shadows angle, blur, color, height, vertical offset and width to create believable shadows in your room.

736736 528528

CSS Box Shadow

This type of shadow is specified in CSS format. Its supports horizontal offset, vertical offset, blur, and RGBA color format.

41374137 733733 400400

Did this page help you?