CSS3.0 Maker – ボーダー、ボックスシャドウ効果などの CSS コードを入手

以前、 Layer StylesやThemeShock CSS Drop Shadow Generatorなど、いくつかの CSS コードジェネレーターをレビューしました。どちらも優れていますが、単一のエフェクトのみのコードを生成するため、制限があります。CSS3.0 Maker は、境界線、テキストシャドウ、ボックスシャドウ、アウトライン効果、および要素の傾斜、拡大縮小、回転のコードを生成する自動 CSS コードジェネレーターです。異なるファイルを作成することで、複数の CSS ファイル (ファイルごとに異なるスタイル) を操作できます。コードは HTML ファイルとしてダウンロードされ、CSS は内部シートとして追加されます。このサービスは、エフェクトがレンダリングされる Chrome、Firefox、Internet Explorer、Safari、Opera のバージョンと、それをサポートするモバイルデバイスを示します。

複数のファイルを作成するには、無料アカウントにサインアップする必要があります。それ以外の場合、サービスは作成しなくても使用できます。奇妙なことに、このサイトではログインしていないときにさらに効果を追加できます。(ログアウト時に) 使用できる追加の効果は、グラデーション、アニメーション、トランジション効果です。未登録ユーザーとして使用する場合、サイトでは複数のエフェクトを追加できません。アカウントに登録せずにサービスを使用することを選択した場合は、サイトヘッダーのすぐ下に水平バーが表示され、さまざまな効果を選択できます。

複数のエフェクトを追加したい場合は、無料アカウントにサインアップしてファイルを作成します。ファイルを作成するには、ホームページで[新しいファイル]をクリックするか、 [マイファイル]に移動します。ファイルの名前を入力します。「編集」を選択すると、加えたすべての変更がこのファイルに保存されます。「ホーム」タブに移動して、エフェクトの編集を開始します。

さまざまなエフェクト間を移動するには、 [ホーム]タブのドロップダウンメニューを使用します。要素の色を変更し、不透明度を調整するには、RGBA 効果に移動します。境界線を追加するか、境界線のスタイルを変更するには、[境界線の半径]に移動します。テキストシャドウ効果とボックスシャドウ効果は、要素またはテキストの背後にドロップシャドウ効果を作成します。CSS Transformエフェクトから斜めにしたり拡大縮小したり、 Outline Offsetエフェクトから要素から境界線をオフセットしたりできます。

すべての変更を加え、必要な効果を適用したら、[保存]をクリックし、 [ダウンロード] をクリックしてファイルをダウンロードします。必要な変更を加えると、CSS の準備が整います。このサービスは、デザインを試したい場合、または特定のプロジェクトで多数の CSS 効果を試したい場合に最適です。

CSS3.0 メーカーにアクセス