1. 概要

ゴールが終了した際に続けてイントロから他のゴールを開始できるように、ステップ内に「イントロへ戻る」ボタンを設置します。

2. 設定方法

ステップへHTMLブロックを追加し、「3. サンプルコード」のコードを適宜修正して貼り付けします。

3. サンプルコード

あくまでサンプルコードとなりますので、作成したいデザインや内容を反映させてご利用ください。

「イントロへ戻る」ボタンを設置する

<div class="onb-button-container">
	<button class="onb-intro-button" onclick="STANDSMotion.showIntro()">イントロへ戻る</button>
</div>

<style>
	.onb-button-container {
		text-align: right;
		width: 100%;
	}

	.onb-intro-button {
		background-color: #D10075;
		color: white;
		border: none;
		padding: 10px 20px;
		border-radius: 4px;
		font-size: 16px;
		cursor: pointer;
		transition: background-color 0.3s;
	}

	.onb-intro-button:hover {
		background-color: #DA3391;
	}

	.onb-intro-button:active {
		background-color: #DA3391;
	}
</style>