Контроль тіні блоку

Контроль тіні блоку – це контроль CSS, і ви можете налаштувати такі властивості:

  • Зміщення X
  • Зміщення Y
  • Розширення
  • Розмиття
  • Колір
  • Внутрішній
class Prefix_Element_Box_Shadow extends EslElement {// Налаштування контролів публічної функції set_controls() {$this->controls['exampleBoxShadow'] = ['tab' => 'content','label' => esc_html__( 'Тінь блоку', 'esl' ),'type' => 'box-shadow','css' => [['property' => 'box-shadow','selector' => '.prefix-box-shadow-wrapper',],],'inline' => true,'small' => true,'default' => ['values' => ['offsetX' => 0,'offsetY' => 0,'blur' => 2,'spread' => 0,],'color' => ['rgb' => 'rgba(0, 0, 0, .1)',],],];}// Відобразити HTML елемент публічна функція render() {echo '<div class="prefix-box-shadow-wrapper">';echo get_bloginfo( 'name' );echo '</div>';}}

Ресурси

https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow