کنترل Gradient

کنترل گرادیان به شما امکان می‌دهد تعداد نامحدودی از گرادیان‌ها را تعریف کنید که می‌توانید روی متن، پس‌زمینه و به عنوان یک پوشش اعمال کنید.

می‌توانید انتخابگر CSS را در کنترل تنظیم کنید، زاویه را بین 0 تا 360 درجه تنظیم کنید و برای هر رنگ یک توقف رنگ تنظیم کنید.

class Prefix_Element_Gradient extends \Bricks\Element {
  // Set builder controls
  public function set_controls() {
    $this->controls['exampleGradient'] = [
      'tab' => 'content',
      'label' => esc_html__( 'Gradient', 'bricks' ),
      'type' => 'gradient',
      'css' => [
        [
          'property' => 'background-image',
        ],
      ],
    ];
  }

  // Render element HTML
  public function render() {
    echo get_bloginfo( 'name' );
  }
}

توجه

همه بخش‌ها، ردیف‌ها، ستون‌ها و المان‌ها از قبل دارای یک کنترل CSS Gradient در گروه Style Gradient / Overlay هستند.