userChrome.css・userContent.cssスレ Part9

**名無しさん＠お腹いっぱい。** · 2018/12/07(金) 08:26:44.73

●※前スレ
userChrome.css・userContent.cssスレ Part8
http://egg.5ch.net/test/read.cgi/software/1513178964/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
https://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**名無しさん＠お腹いっぱい。** · 2019/05/15(水) 12:35:34.97

>>556
.tabbrowser-tab[bursting] .tab-icon-image {
animation: hoge .4s ease-in-out !important;
}
@keyframes hoge {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(90deg);
}
100% {
transform: rotate(-90deg);
}
}

参考にしたページ
https://mamewaza.com/support/blog/20150424.html
https://qiita.com/7968/items/1d999354e00db53bcbd8

**556** · 2019/05/16(木) 00:13:44.42

>>558
ありがとう!
そしてありがとう!!

**名無しさん＠お腹いっぱい。** · 2019/05/16(木) 12:03:30.56

>>559
ごめん
意図した動作と違っていたので修正

@keyframes hoge {
0% {
transform: rotate(0deg);
}
33% {
transform: rotate(90deg);
}
66% {
transform: rotate(-90deg);
}
100% {
transform: rotate(0deg);
}
}