Керування фільтрами пропонує наступні CSS-фільтри: blur
, brightness
, contrast
, hue
, invert
, opacity
, saturation
, sepia
.
class Prefix_Element_Filters extends EslElement {// Встановити керування двигуномpublic function set_controls() {$this->controls['exampleFilters'] = ['tab' => 'content','label' => esc_html__( 'CSS-фільтри', 'esl' ),'type' => 'filters','inline' => true,'css' => [['property' => 'filter','selector' => '.css-filter',],],];}// Відобразити HTML елементаpublic function render() {echo '<div class="css-filter">' . echo get_bloginfo( 'name' ); . '</div>';}}
Всі секції, рядки, колонки та елементи вже мають CSS-фільтри керування в групі стилів вкладки CSS.