CSS

ガクブルをCSSで表現してみた

(((;゚Д゚)))ガクガクブルブル
これ有名ですよね!
通称ガクブル!!
今回はCSSを使用してガクブルを作っていくべ!
(((;゚Д゚)))ガクガクブルブル

ガクブルをCSSで表現する

では早速CSSを使用して(((;゚Д゚)))ガクガクブルブルを表現していきます。

まずはテキトーにHTMLを書いてと

CSSでkeyframesを書いて、実装する

するとこんな感じ!

(((;゚Д゚)))ガクガクブルブル

ぶるっとるな!!
最高にぶるってやがる!

これをhover時に設定しといたら、なんか面白く使えそうだよね。
例えば・・・

ホンマに押すの・・・?
ねー?
ホンマ?
まじかああああああ!

(((;゚Д゚)))ガクガクブルブル

上の「(((;゚Д゚)))ガクガクブルブル」にマウスカーソルをもっていってみてね♪
こんな感じとかさ!いや知らんけど

ということで、最近記事さぼって書いてないからガクブル記事を書きました٩( ‘ω’ )و

ABOUT ME
シラツキ
当ブログは同人サークル「にんじんみるく」のシラツキが運営する個人ブログです。 同人誌即売会の情報やネタ、技術的な内容など様々なコンテンツを配信しています。 普段はwebサイト作ってる人インターネッツお絵かきマン。 Webサイトの制作、ECサイトの運営、ブログ、イラスト制作など色々やってます。 個人でWeb技術ブログ、趣味のブログ、YouTube活動中。

イラスト制作、webサイト制作、商品のご紹介など様々なお仕事を募集しております! 下記リンクよりお気軽にご連絡ください!

お仕事・ご依頼について

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)