文章專區

網頁設計相關文章

使用css製作滑鼠移入圖片的放大效果

當滑鼠移到圖片上會有放大的效果,這在乐彩网摘文集上是很常見的,而這效果用CSS就可以做出來了??!
transform可以設定圖片放大的倍率,
 
transition可以做出圖片緩慢放大的效果,
而滑鼠移入所產生的變化要用:hover來實現。 
外面的框設定overflow:hidden是為了隱藏在圖片放大時超出的部分,
transform: scale(1.1)為圖片放大的倍率
transition:all 0.5s ease 0s為圖片放大所需的時間和特效
範例:

  • 姜平的专栏作者中国国家地理网 2019-01-19
  • 女性之声——全国妇联 2019-01-18
  • 日本大阪6.1级地震已致4人死亡 370多人受伤 2019-01-18
  • 国际资讯--北京频道--人民网 2019-01-17
  • 晋城到运城要建高铁啦! 2019-01-17
  • 以古鉴今,习近平多次提及屈原 2019-01-16
  • 亚冠出局恒大国脚日落西山 新生代无人难再称霸中超 2019-01-15
  • 【巴州天气】最新巴州今天天气,实时提供巴州气温、空气质量、24小时天气预报、生活指数查询 2019-01-15
  • 环球人物金融科技领军人物榜单 2019-01-14
  • 草莓防便秘、蓝莓护心脏 揭浆果家族的食疗档案 2019-01-13
  • 部分城市房价再现上涨苗头 遏制炒房不可松劲 2019-01-13
  • 候选企业:中粮可口可乐辽宁公司 2019-01-12
  • 梅西失点 阿根廷1-1战平冰岛 2019-01-12
  • 阵容豪华!《食戟之灵》新作OVA远月十杰声优名单公布 2019-01-11
  • 第二届全国高等院校投资理财规划大赛在上海举行 2019-01-11
  • 648| 746| 763| 799| 284| 429| 171| 367| 773| 45|