TypechoJoeTheme

Dcr163的博客

统计

网站页面
类目归类
标签搜索
搜索到 317 篇与 日志 的结果
2017-03-23

CSS3中设置动画播放时间
CSS3中设置动画播放时间
animation-duration主要用来设置CSS3动画播放时间，其使用方法和transition-duration类似，是用来指定元素播放动画所持续的时间长，也就是完成从0%到100%一次动画所需时间。单位：S秒语法规则animation-duration: <time>[,<time>]*取值<time>为数值，单位为秒，其默认值为“0”，这意味着动画周期为“0”，也就是没有动画效果（如果值为负值会被视为“0”）例如：让元素从红色变化到绿色，整个变化过程持续5s时间。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>变形与动画</title> <style>         @keyframes changeColor&...
2017-03-23

日志

1,148 阅读
0 评论
2017年03月23日
1,148 阅读
0 评论
2017-03-23

CSS3中调用动画
CSS3中调用动画
animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。语法：animation-name: none | IDENT[,none|DENT]*;1、IDENT是由 @keyframes 创建的动画名，上面已经讲过了（animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致）；2、none为默认值，当值为 none 时，将没有任何动画效果,这可以用于覆盖任何动画。注意：需要在 Chrome 和 Safari 上面的基础上加上-webkit-前缀，Firefox加上-moz-。例如：调用定义的动画“around”<!DOCTYPE html> <html> <head>  <meta charset="ut...
2017-03-23

日志

1,199 阅读
0 评论
2017年03月23日
1,199 阅读
0 评论
2017-03-18

CSS3中的动画--过渡所需时间 transition-duration
CSS3中的动画--过渡所需时间 transition-duration
transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。案例演示：在鼠标悬停（hover）状态下，让容器从直角慢慢过渡到圆角，并让整个动画持续0.5s。HTML:<div></div>CSS:div {   width: 300px;   height: 200px;   background-color: orange;   margin: 20px auto;  -webkit-transition-property: -webkit-border-radius;   transition-property: border-radius;   -webkit-transition-duration: .5s;  &...
2017-03-18

日志

1,343 阅读
0 评论
2017年03月18日
1,343 阅读
0 评论
2017-03-18

CSS3中的动画--过渡属性 transition-property
CSS3中的动画--过渡属性 transition-property
早期在Web中要实现动画效果，都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。在CSS中创建简单的过渡效果可以从以下几个步骤来实现： 第一，在默认样式中声明元素的初始状态样式； 第二，声明过渡元素最终状态样式，比如悬浮状态； 第三，在默认样式中通过添加过渡函数，添加一些不同的样式。CSS3的过度transition属性是一个复合属性，主要包括以下几个子属性：transition-property:指定过渡或动态模拟的CSS属性transition-duration:指定完成过渡所需的时间transition-timing-function:指定过渡函数transition-delay:指定开始出现的延迟时间先来看transition-property属性transition-property用来指定过渡动画的CSS属性名称，而这个过渡属性只...
2017-03-18

日志

1,083 阅读
0 评论
2017年03月18日
1,083 阅读
0 评论
2017-03-16

CSS3中的变形--位移 translate()
CSS3中的变形--位移 translate()
translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。translate我们分为三种情况：1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动）2、translateX(x)仅水平方向移动（X轴移动）3、translateY(Y)仅垂直方向移动（Y轴移动）例如：让不知道宽度和高度的元素实现水平、垂直居中。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>变形与动画</title> <link href="style.css" rel="stylesheet" type="text/css">...
2017-03-16

日志

963 阅读
0 评论
2017年03月16日
963 阅读
0 评论
2017-03-12

Godaddy主机网站SMTP发送邮件
Godaddy主机网站SMTP发送邮件
Godaddy免费邮箱也就是Godaddy域名邮箱，或者按照国内习惯说法是企业邮局，类似于国内的腾讯企业邮箱、新浪企业邮箱等，可以用自己的域名作为邮件的发件人，这样可以明显区别于一些个人的免费邮箱，特别适合企业使用。Godaddy邮箱在Godaddy购买域名或者空间时都会赠送一个，购买域名会送一个1GB的邮局，购买空间会送一个100MB的邮局，目前Godaddy的邮局机房和它的主机一样共有美国、欧洲和亚太三大机房。Godaddy免费邮箱也是一个朋友留言提醒部落给大家分享一下的，有些朋友一直在使用一些免费的邮局服务，经常不地稳定，Godaddy的邮局服务是购买域名送的，尤其适合用来和美国广告联盟或者经理们交流。说起Godaddy免费邮箱，就又让人想起Godaddy主机无法使用SMTP发信的问题，虽然Godaddy支持用PHP邮件函数来发信，这也是Wordpress等默认的发信方式，但是还是有人想用SMTP来代替PHP发送邮件，好处是可以自定义发件人和防止被判定为垃圾邮件。经过测试Godaddy主机已经禁用了大部分的第三方SMTP，只能使用Godaddy主机自己的SMTP，当然这个是...
2017-03-12

日志

1,539 阅读
0 评论
2017年03月12日
1,539 阅读
0 评论
2017-03-10

CSS3中的变形--缩放 scale()
CSS3中的变形--缩放 scale()
缩放 scale()函数 让元素根据中心原点对对象进行缩放。缩放 scale 具有三种情况：1、 scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）例如：div:hover {  -webkit-transform: scale(1.5,0.5);   -moz-transform:scale(1.5,0.5)   transform: scale(1.5,0.5);}注意：Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。2、scaleX(x)元素仅水平方向缩放（X轴缩放）3、scaleY(y)元素仅垂直方向缩放（Y轴缩放）HTML代码：<div class="wrapper">   <div>我将放大1.5倍</div> </div>CSS代码：.wrapper {   wid...
2017-03-10

日志

928 阅读
0 评论
2017年03月10日
928 阅读
0 评论
2017-03-10

CSS3中的变形--扭曲 skew()
CSS3中的变形--扭曲 skew()
扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。Skew()具有三种情况：1、skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角度值进行扭曲变形）；第一个参数对应X轴，第二个参数对应Y轴。如果第二个参数未提供，则值为0，也就是Y轴方向上无斜切。2、skewX(x)仅使元素在水平方向扭曲变形（X轴扭曲变形）；3、skewY(y)仅使元素在垂直方向扭曲变形（Y轴扭曲变形）示例演示：通过skew（）函数将长方形变成平行四边形。HTML代码：<div class="wrapper">   <div>我变成平形四边形</div> </div>CSS代码：.wrapper {   width: 300px;   he...
2017-03-10

日志

877 阅读
0 评论
2017年03月10日
877 阅读
0 评论
2017-03-10

CSS3变形--旋转 rotate()
CSS3变形--旋转 rotate()
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。例如：将文本旋转回到原来水平位置。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>变形与动画</title> <style>     .wrapper {       margin: 100px auto;       width: 300px;       height: ...
2017-03-10

日志

809 阅读
0 评论
2017年03月10日
809 阅读
0 评论
508 文章数
66 评论量

人生倒计时

今日已经过去小时
这周已经过去天
本月已经过去天
今年已经过去个月

热门文章

最新回复

  1. https://www.triptipedia.com/user/phmapaladnet
    2025-05-08

    I think that what you said was very logical. But, consider this,
    suppose you added a little information? I ain't saying
    your content is not good., but suppose you added
    a title to maybe get folk's attention? I mean 个人介绍 - Dcr163的博客 is
    kinda vanilla. You should glance at Yahoo's home page and note how they create news headlines to grab
    people to click. You might try adding a video or a pic or two to get
    people interested about everything've written. In my opinion, it might make your posts a little bit more interesting.
  2. https://Sites.google.com/view/vavada-online-casino
    2025-04-12

    I comment each time I especially enjoy a article onn a site or if I havbe something too valuable to contribute to the discussion. It iss caused by thhe passion communicated
    in the article I looked at. And after this post rabbitmq-server line 85:
    erl: command not found 报错 - Dcr163的博客.
    I wass actually moved enough to create a comment :-)
    I actually do have a couple of questions for you iff you don't mind.
    Could it bbe simply me or do a few of these remarks appear
    as if thry are left by brain dead people?
    :-P And, if you are wrriting at additional sites, I'd like too keep up with anything new
    you have too post. Would you list every oone of all your
    shared pages like your titter feed, Facebook page or
    linkedin profile?
  3. https://x.com/jeetbuzzcom
    2025-04-07

    Thanks for finally writing about >个人介绍 - Dcr163的博客

  4. prozone.cc alternative
    2025-03-19

    Ꭲhanks foｒ finaⅼly writing abοut >个人介绍 - Dcr163的博客

  5. urgent delivery
    2025-03-16

    [INSERT CITATION NAP HERE] The #1 Adelaide Truck Mistake, Plus
    7 Extra Lessons urgent delivery]
    Thanks for finally talking about >个人介绍 - Dcr163的博客

标签云

CopyRight © Dcr163.cn 粤ICP备15066935号 2016 ~ 2025 79ms
RSS MAP