文章專區

網頁設計相關文章

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

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

  • 凯恩率“三狮军团”艰难战胜突尼斯 2019-06-24
  • 北京天安门广场更换花卉 2019-06-23
  • 湖州南浔赶超发展注入青春力量 2019-06-22
  • 回复@老老保老张工:至于计划,你把中国人明天的早餐计划一下? 2019-06-22
  • 高清:如梦似幻张家界天门山 2019-06-21
  • 钱江晚报:打赏与“打脸” 2019-06-21
  • 一个企业里的劳动力,有可能被叫做职工,意指按职责做事的人,也可能被叫做劳工,意指按劳动力做事的人。不同的称呼,体现了不同的企业性质与追求。懂这点,你才明白这“意 2019-06-20
  • 美帝拉拢人民,才能反对共产党。 2019-06-20
  • 晋阳古城晚唐寺庙遗存面世 2019-06-19
  • 带你走遍近半湖北,2018千万粉丝走进鄂旅投网络大V招募 2019-06-18
  • (受权发布)中国人民政治协商会议第十三届全国委员会各专门委员会主任、副主任名单 2019-06-17
  • 第523期:土鸡蛋VS洋鸡蛋,哪个好?怎样挑? 2019-06-17
  • 苗山脱贫影像志——父母在 不远行 2019-06-16
  • 给孩子们更多本土精品读本 2019-06-16
  • 郑永年:国家崛起不能只靠GDP,要有自己的知识体系 2019-06-15
  • 玄机新刊 百家乐园好又多 广东快乐10分 开心三张牌炸金花 河北福彩体彩走势图 上海时时乐走势图27 辽宁11选5第一期几点开始 河北11选5开奖预测号码是多少钱 泳坛夺金app 20191222开奖江苏7位数 幸运赛车直播开奖 体彩任选9场胜负18126期开奖 福利彩票25选7期开奖结果 3d中奖诗软件 18选7共有多少等级奖