Ｂ面７２

この広告は30日以上更新がないブログに表示されております。
新規記事の投稿を行うことで、非表示にすることが可能です。

目立ちたい? 目立ちたいの?

<style>
#t1 {
    font-size: xx-large;
    text-shadow:2px 2px 5px blue;
}
#t2 {
    font-size: xx-large;
    text-shadow:2px 2px 5px red;
}
</style>
<span id="t1">目立ちたい?</span>
<span id="t2">目立ちたいの?</span>

もはやただ css3 の実験したいだけ。

<style>
#plane3 {
    box-shadow: 10px 10px 5px #aaaaaa;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Safari */
    transform: rotate(7deg);
}
</style>
<br/>
<br/>
<img id="plane3" src="/uraofdstd/file/38793818_s.jpg" width="50%" border="0" alt="38793818_s.jpg">

なんだよ、「詳細設定」で「改行を <br/> タグに変換しない」にするだけじゃねーか、と言いたいがためだけの。

<style>#plane2 { -webkit-animation: rot 5s infinite; animation: rot 5s infinite; } @-webkit-keyframes rot { 25% {-webkit-transform: rotateY(180deg); } } @keyframes rot { 25% {transform: rotateY(180deg); } } </style>
<center>
<img id="plane2" src="/uraofdstd/file/38793818_s.jpg" border="0" alt="38793818_s.jpg">
</center>

FANBLOG で CSS3 を「ブログテンプレートを書き換えずに」出来るかなと思っただけ。改行が <br/> に置き換えられてしまうとブラウザが解釈出来なくなるので、<style>〜</style> に改行入れてはダメ、ということだけか。

<script>
$(document).ready(function() {
    $("#plane").on({
        mouseenter: function() {
            $("#plane").animate(
                { "width": "+=200px" }
            );
        },
        mouseleave: function() {
            $("#plane").animate(
               { "width": "-=200px" }
            );
        }
    });
});
</script>

(jQuery「だけ」(今の場合 lightbox.js とかなしで)でどのくらいのことが出来るのかな、のお試し中、なの。単に。)

なお、画像は高品質ロイヤルティフリー写真素材の無料素材から持ってきました。