WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

2015-08-25から1日間の記事一覧

bodyを5分割/hoverでキャプションを移動させる

全画面の上が2分割で下が3分割の計5分割で それぞれをhoverした時にキャプションを上に移動して隠れていたボタンを表示する。 レスポンシブでスマートフォン対応させる。 参考サイト www.vogue.co.jp 講師の解説ブログ yachin29.hatenablog.comhttp://efu…

CSS3のtrantionでキャプションを表示

http://efu.sakura.ne.jp/web/0825/ <html> <head> <meta charset="utf-8"> <title></title> <style> a { text-decoration: none; color: #FFF; } .box { width: 300px; height: 300px; margin: 150px auto 0; background: #06C; position: relative; overflow: hidden; } h3 { padding-bottom: 20px; colo…</meta></head></html>

ベンダープレフィックス

CSS

ベンダープレフィックス(接頭辞)とは、CSS3で採用される予定の機能(草案段階) の仕様を先行実装する場合、拡張機能であることを明示するためにつける。 主要なベンダープレフィックス moz- Firefox webkit- Google Chrome、Safari o- Opera ms- Internet…