1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-24 17:10:29 +00:00

Transitions for the icon hover effects

This commit is contained in:
Jeremy Ruston 2013-05-15 22:30:22 +01:00
parent 07d4c9a639
commit 5ecbf4c173

View File

@ -23,6 +23,13 @@ tags: [[$:/tags/stylesheet]]
filter: $filter$;
```
\end
\define transition(transition)
```
-webkit-transition: $transition$;
-moz-transition: $transition$;
transition: $transition$;
```
\end
\define background-linear-gradient(gradient)
```
background-image: linear-gradient($gradient$);
@ -268,6 +275,7 @@ a.tw-tiddlylink-missing {
padding-right: 0.5em;
fill: #fff;
<<filter "drop-shadow(1px 1px 2px rgba(0,0,0,0.15))">>
<<transition "fill 150ms ease-in-out">>
}
.tw-page-controls svg:hover {
@ -370,6 +378,7 @@ a.tw-tiddlylink-missing {
.tw-tiddler-controls .tw-button svg {
height: 0.75em;
fill: #ccc;
<<transition "fill 150ms ease-in-out">>
}
.tw-tiddler-controls .tw-button svg:hover {