# depicter/1.3.3/app/src/Document/Models/Common/Styles/Transition.php

Depicter — Popup &amp; Slider Builder, version 1.3.3. 37 lines.

- Page: https://pluginprobe.com/plugins/depicter/1.3.3/code/app/src/Document/Models/Common/Styles/Transition.php
- Raw: https://pluginprobe.com/plugins/depicter/1.3.3/raw/app/src/Document/Models/Common/Styles/Transition.php
- Modified: 2022-06-01T06:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/depicter/1.3.3/code/app/src/Document/Models/Common/Styles/Transition.php#L10-L20`.

```php
<?php
namespace Depicter\Document\Models\Common\Styles;

use Depicter\Document\CSS\Breakpoints;

class Transition extends States
{
	/**
	 * @var string
	 */
	public $timingFunction;

	/**
	 * @var int
	 */
	public $duration;

	/**
	 * style name
	 */
	const NAME = 'transition';

	public function set( $css ) {
		$devices = Breakpoints::names();
		foreach ( $devices as $device ) {
			if ( !empty( $this->{$device} ) ) {
				if ( !empty( $this->{$device}->enable ) ) {
					$duration = isset( $this->{$device}->duration ) ? $this->{$device}->duration : 0;
					$css[ $device ][ self::NAME ] = "all " . $this->{$device}->timingFunction . ' ' . $duration . 's';
				}
			}
		}

		return $css;
	}
}

```
