Yijen's blog

關於部落格
繪圖 | 食記 | Web前端技術 | HTML | CSS | JavaScript 研究
  • 316578

    累積人氣

  • 8

    今日人氣

    0

    訂閱人氣

用純 CSS :target selector 實作光箱 (lightbox) 效果

.lightbox {
display: none;
width: 800px;
height: 600px;
background-color: #fff;
...
繼續閱讀

CSS3 text-overflow 屬性 (過長文字自動截斷顯示…)

.text {
width: 294px;
background-color: #FFF;
border: 1px solid #E00;
position: ...
繼續閱讀

列印專用CSS詳解與範例 (CSS for print media)

今天要寫這篇關於CSS for print的主題感觸良多……XD哈怎麼說呢,就是因為前陣子為了搞特規標籤(熱感紙)列印,偏偏熱感紙印表機尺寸與printer設置和一般書面常...
繼續閱讀

CSS動畫(css @keyframes + animation) 練習與進階實作

@keyframes bigger {
0% {
width: 50px;
}
100% {
width: 646px;
}...
繼續閱讀

如何讓分享的youtube的影片在指定時間(分/秒)開始播放? (How To Link and Embed YouTube Videos at Specific Time)

.h4{color: #d43f6e;}
分享兼筆記

最近常有這個需求,但老忘了要加參數的format,寫起來讓自己好記一點

原始的 Youtube Video link
http...
繼續閱讀

精靈寶可夢/神奇寶貝字型分享 (Pokémon Font)

/* CSS external font */
@font-face {
font-family: pokemon;
src: url('http://yijen.site44....
繼續閱讀

精靈寶可夢 GO (神奇寶貝 GO) 抓皮卡丘的秘技 (How to Catch Pikachu at the Start of Pokémon Go)

有圖有真相XDDDDD #Pokémon_Go #任天堂 #神奇寶貝


詳細操作方法就是……...
繼續閱讀

常用的 CSS pseudo class (CSS偽類) 教學與練習 - PART2

.demo_155985047 h1 { color: #005592; }
.demo_155985047 h1.demo1:before {
font-size: 12px;
...
繼續閱讀
網誌分類篩選
收起分類
分類篩選
相簿設定
標籤設定
相簿狀態