Early stages of a rotating icon module
This commit is contained in:
21
bubble/Rotating Icon/import.yaml
Normal file
21
bubble/Rotating Icon/import.yaml
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
rotating_icon:
|
||||||
|
name: Rotating Icon
|
||||||
|
version: '0.1'
|
||||||
|
creator: Tony Stork
|
||||||
|
supported:
|
||||||
|
- button
|
||||||
|
- climate
|
||||||
|
- media-player
|
||||||
|
- pop-up
|
||||||
|
- separator
|
||||||
|
- horizontal-buttons-stack
|
||||||
|
description: Simple, make the icon rotate when the config entity is on
|
||||||
|
code: |-
|
||||||
|
.bubble-icon {
|
||||||
|
animation: ${state === 'on' ? 'slow-rotate 2s linear infinite' : ''};
|
||||||
|
}
|
||||||
|
@keyframes slow-rotate {
|
||||||
|
0% { transform: rotate(0deg); }
|
||||||
|
100% { transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
editor: ''
|
Reference in New Issue
Block a user