glinkボタンのアニメーションや装飾を変更したい。

Question

ティラノビルダーというノベルゲーム作成ソフトで選択肢ボタンの変更を行いたい。
具体的にはアニメーションなどをつけたい。

該当のソースコード

.glink_button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.glink_button:hover {
	text-decoration: none;
}
.glink_button:active {
	position: relative;
	top: 1px;
}

試したこと

CSSボタン　CSS作成などのワードで検索しましたが、CSSボタン作成の際にHTMLが必要な場合が多く、今回の場合には当てはまらないと思いました。当てはまる場合にはどのように適応させればいいか教えてほしいです。
またコピペで色々試してみましたが全て失敗しています。基本的に検索して出てきたのは、ボタンの色を変えたりグラデーションを作る程度でそれでは自分の目指しているものとは違うと思いました。
こちらのコードのどの部分でアニメーションの設定などをすればよいでしょうか？

ビルダーは最新の1.8.4です

Answer 1

こんにちは。
たとえば、こんな感じですか？

.glink_button {
	animation: 3s linear infinite slidein;
}
@keyframes slidein {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

CSS アニメーションの使用 - CSS: カスケーディングスタイルシート | MDN

---

ライブラリを探してみるのもいいかもしれませんね。

Animate.css

Comments

[daeki]

うーんコピペで上記のコードの上に上書きしてみた所、やはり反映されず、ただ変化があるとすれば、角の丸みが取れたり、文字の余白が無くなってキツキツになったりする感じでしょうか。
ちなみにこの下には
/* color styles
---------------------------------------------- */

/* black */
.black {
color: #d7d7d7;
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top, #666, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background: -moz-linear-gradient(top, #444, #000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
color: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
background: -moz-linear-gradient(top, #000, #444);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
という風におそらくボタンのカラーを変更できるコードが幾つかの色で分けられて用意されています。
そちらも変更しなければいけないという事はないのでしょうか？
こちらのカラーを変更する事でグラデーションなどをつけることはできましたが、アニメーションなどはできませんでした。

[Lhankor_Mhy]

上書きしちゃだめですよ。