| 1 |
<?php |
| 2 |
namespace MBSocial; |
| 3 |
defined('ABSPATH') or die('No direct access permitted'); |
| 4 |
|
| 5 |
roundFlipStyle::registerStyle(); |
| 6 |
|
| 7 |
class roundFlipStyle extends roundStyle |
| 8 |
{ |
| 9 |
|
| 10 |
public $class = 'roundflip single-meta'; |
| 11 |
public $name = 'roundflip'; |
| 12 |
public $description = " Round Buttons with Flip Hover Effect "; |
| 13 |
|
| 14 |
|
| 15 |
public function mainCSS() |
| 16 |
{ |
| 17 |
parent::mainCSS(); |
| 18 |
|
| 19 |
$css = array( |
| 20 |
'transition' => 'all .2s linear', |
| 21 |
'width' => '100%', |
| 22 |
'height' => '100%', |
| 23 |
'position' => 'absolute', |
| 24 |
'transform' => 'translateY(100%)', |
| 25 |
'display' => 'flex', |
| 26 |
); |
| 27 |
|
| 28 |
$css_hover = array( |
| 29 |
'bottom' => '0', |
| 30 |
|
| 31 |
); |
| 32 |
|
| 33 |
|
| 34 |
$this->addCSS($css, '', 'mb-label'); |
| 35 |
$this->addCSS($css, '', 'mb-share-count'); |
| 36 |
|
| 37 |
$this->addCSS('bottom', '0', 'mb-label', 'hover'); |
| 38 |
$this->addCSS('bottom', '0', 'mb-share-count','hover'); |
| 39 |
|
| 40 |
$this->addCSS('transform', 'translateY(0)', 'mb-label', 'hover'); |
| 41 |
$this->addCSS('transform', 'translateY(0)', 'mb-share-count','hover'); |
| 42 |
|
| 43 |
$this->addCSS('transform', 'translateY(-100%)', 'mb-icon-wrapper', 'hover'); |
| 44 |
$this->addCSS('display', 'flex', 'mb-icon-wrapper', 'hover'); |
| 45 |
$this->addCSS('transition', 'all .2s ease-in-out', 'mb-icon-wrapper'); |
| 46 |
|
| 47 |
$this->addCSS('transform', 'none', 'maxbutton-social', 'hover'); |
| 48 |
$this->addCSS('overflow', 'hidden', 'maxbutton-social'); |
| 49 |
|
| 50 |
|
| 51 |
} |
| 52 |
|
| 53 |
} |
| 54 |
|
