• 【转】html背景设置

    99FF00 url(./images/css_tutorials/background.jpg)no-repeat fixed 40px 100px}上面的代码表示,网页的背景颜色是翠绿色,背景图片是background.jpg图片,背景图片不重复显示,背景图片不随内容滚动而,...
    文章 2012-05-21 720浏览量
  • css 设置背景图片铺满固定不

    page{ position:relative;width:100%;height:100%;background-image:url(./img/bg.JPG);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;float:left;}
    文章 2017-10-26 1043浏览量
  • CSS-背景|background

    background可用于对一个或多个设置值:background-clip,background-color,background-image,background-origin,background-position,background-repeat,background-size,和background-attachment。...
    文章 2018-09-12 1042浏览量
  • 一篇文章带你了解CSS3 背景知识

    例:有两个背景图像,第一图像是背景图(在右下角)和第二图像是一个GIF图(在左上角)。代码如下: lt;DOCTYPE HTML>lt;meta charset="utf-8">lt;title>项目<title>lt;head>lt;style>...
    文章 2020-10-27 674浏览量
  • 【原】移动web动画设计的一点心得——css3实现跑步

    14.3%{background-image:url(charector_2.png);} 28.6%{background-image:url(charector_3.png);} 42.9%{background-image:url(charector_4.png);} 57.2%{background-image:url(charector_5.png);} 71.5%{background...
    文章 2016-04-29 2026浏览量
  • 【原】移动web动画设计的一点心得——css3实现跑步

    14.3%{background-image:url(charector_2.png);} 28.6%{background-image:url(charector_3.png);} 42.9%{background-image:url(charector_4.png);} 57.2%{background-image:url(charector_5.png);} 71.5%{background...
    文章 2016-04-29 2167浏览量
  • 好程序员web前端培训分享CSS3实现全景图特效

    我们的要求是当鼠标悬浮于图片时才让它起来,我们当然可以很简单的实现这个效果。删除之前的animation,添加以下样式。panorama:hover,.panorama:focus { animation:panorama 10s linear infinite alternate;} ...
    文章 2019-04-15 4946浏览量
  • 好程序员分享该如何选择background-image和img标签

    好程序员分享该如何选择background-image和img标签,用img标签 如果你希望别人打印页面时候包含这张图片请使用img标签 当这张图片有非常有意义的语义,比如警告图标,请使用img标签及它的alt属性。这样意味着你...
    文章 2019-04-24 6518浏览量
  • CSS样式更改——过渡、动画

    from {background:red;} to {background:yellow;} } moz-keyframes my/*Firefox*/ { from {background:red;} to {background:yellow;} } webkit-keyframes my/*Safari 和 Chrome*/ { from {background:red;} to {...
    文章 2020-09-12 751浏览量
  • 炫酷的CSS3发光搜索表单,附演示和源码

    background:webkit-linear-gradient(left,#151515,#444,#151515);background:moz-linear-gradient(left,#151515,#444,#151515);background:o-linear-gradient(left,#151515,#444,#151515);background:ms-linear-...
    文章 2014-04-12 962浏览量
  • 超赞的CSS3进度条 可以随进度显示不同颜色

    最后,我们再来看看JS代码,其实js要完成的工作非常简单,只需要将CSS3渲染好的进度条起来就好,看代码: var Loader=function(){ var loader=document.querySelector('.loader-container'), meter=document....
    文章 2014-04-12 967浏览量
  • 如何用纯 CSS 创作一个渐变色动画边框

    background-image:linear-gradient(60deg,aquamarine,cornflowerblue,goldenrod,hotpink,salmon,lightgreen,sandybrown,violet);} 为背板设置动画效果: box:after { background-size:300%,300%;animation:animate_...
    文章 2018-11-20 1092浏览量
  • CSS3中的animation动画

    }/*结束帧(开始和结束帧是必须有的)(结束帧和开始侦的数值可以一样,也可以不一样)*/}@-moz-keyframes bjcolor {/*moz内核兼容模式下的帧集合 自定义名称*/0%{background-color:rgba(108,112,255,0.85);...
    文章 2016-08-20 582浏览量
  • jQuery基本过滤选择器

    ('div:first'"background""#bfa");}) 选择最后一个div元素.'#btn2').click(function(){ ('div:last'"background""#bfa");}) 选择class不为one的 所有div元素.'#btn3').click(function(){ ('div:not(.one)'...
    文章 2017-10-01 789浏览量
  • 分享50个很棒的 Photoshop 网页背景设计教程

    Abstract Starfield Background – Photoshop CS5 Create Abstract Valentine’s Day Card Create Awesome Abstract Nebula Circle Shape in Photoshop Create Artistic Abstract Shapes via the Powerful Warp Tool...
    文章 2011-06-02 746浏览量
  • 《图解CSS3:核心技术与案例实战》——2.4节动态伪类...

    background-image:webkit-linear-gradient(top,#0088cc,#0055cc);background-image:o-linear-gradient(top,#0088cc,#0055cc);background-image:moz-linear-gradient(top,#0088cc,#0055cc);background-image:linear-...
    文章 2017-07-03 1063浏览量
  • Qt之QSS(QDarkStyleSheet)

    background-color:rgb(90,102,117);color:white;padding:5px;opacity:200;} QWidget { color:#eff0f1;background-color:#31363b;selection-background-color:#3daee9;selection-color:#eff0f1;background-clip:...
    文章 2016-07-13 1642浏览量
  • 如何自定义StoreFront的访问页面-Part 2

    background-image:url('create-a-shutdown-or-restart-your-desktop-icons-1.jpg');background-size:256px 256px;} logon-logo-container{ background-image:url('Citrix_HalfLogonLogo.png');background-size:128px...
    文章 2017-11-01 1000浏览量
  • 按钮实现鼠标悬停背景色渐变的动画特效

    background:webkit-linear-gradient(90deg,#fff,#fff,#000,#000);background:moz-linear-gradient(90deg,#fff,#fff,#000,#000);background:o-linear-gradient(90deg,#fff,#fff,#000,#000);background:linear-...
    文章 2016-11-22 1020浏览量
  • css进阶 less的使用

    background-color:@color;} div p { background-color:@color;} less注释格式(两种) 这种类型的格式会被转换到生成的css文件*/ 这种类型的格式不会被转换到生成的css文件 拼接使用less变量 pageClass:blackPage {...
    文章 2018-04-27 785浏览量
  • 牛逼的css3:动态过渡与图形变换

    三个值:background-clip:border-box|padding-box|content-box;div { background-color:yellow;background-clip:content-box;} div { background-color:yellow;background-clip:padding-box;} div { background-...
    文章 2016-05-20 1568浏览量
  • CSS3的新属性的一下总结

    由于自己经常搞混:animation,transition,transform这三个属性,今天就总结一下首先是:transform:和css3一些基本属性,例如:box-shadow、border-radius、background-position等等的这些属性是一个类型的,他可以...
    文章 2016-08-30 685浏览量
  • 弹性果冻动画

    background-color:#fff;filter:blur(4vmin)contrast(100);} main, secondary { position:absolute;top:50%;left:50%;background-color:#000;} main { width:30vmin;height:30vmin;margin:15vmin;border-radius:50%;}...
    文章 2018-09-10 1142浏览量
  • Qt开源作品9-扁平化样式flatui

    list.append(QString("QRadioButton:indicator:unchecked{background:qradialgradient(spread:pad,cx:0.5,cy:0.5,radius:0.5,fx:0.5,fy:0.5, stop:0.6#FFFFFF,stop:0.7%1);}").arg(normalColor));list.append...
    文章 2020-05-14 473浏览量
  • dijit样式定制(三)Button、RadioButton、CheckBox

    dijitIcon*(Edit、Save等)负责显示图标,background-imge是相同的主要就是改变background-position dijitButtonText设置margin与text-align来影响button中的文本 dijitArrowButtonInner上一篇讲过,设置右侧的向下...
    文章 2016-04-21 1855浏览量
  • 酷炫的progressbar(上限可大于100%)

    进度条效通过css过渡效果实现 progress-track { width:100%;position:relative;} progress-bg { top:0;left:0;height:100%;z-index:1049;position:absolute;background-color:#ebeef5;border-top-right-radius:100...
    文章 2018-06-10 1243浏览量
  • 简单CSS hack:区分IE6、IE7、IE8、Firefox、Opera

    于是大家还可以这样来区分IE6、IE7、firefox:background:orange;background:green;background:blue;三、最简单的CSS Hack:区分 IE6/IE7/IE8/Firefox Code highlighting produced by Actipro CodeHighlighter...
    文章 2010-01-26 752浏览量
  • 分享5种风格的 jQuery 分页效果【附代码】

    background_color :'black', border_hover_color :'#ccc', text_hover_color :'#000', background_hover_color :'#fff', images :false, mouse :'press' }); $("#demo2")...
    文章 2014-10-13 822浏览量
  • 我是如何用CSS绘制各种形状的

    background:radial-gradient(circle at top left,transparent 15px,#58a 0)top left,radial-gradient(circle at top right,transparent 15px,#58a 0)top right,radial-gradient(circle at bottom right,transparent ...
    文章 2017-08-01 1123浏览量
  • CSS hack前传——背景图片全屏

    咬碎了一只HB之后我想到一招,既然刚才的方法差点儿都好使了,只有滚动的时候不好使,那么让图片相对于屏幕固定住就可以了,不随网页滚动而,也就是使用position:fixed不就搞定了吗 body { height:1000px;width:...
    文章 2017-11-08 1239浏览量
1 2 3 4 ... 88 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化