Kairyou's Blog

רע��WEBǰ�˿���, ��Զ׷����õ��û�����, ���õĿ�������

  • typechoģ�棺 K Blue G1

    / ����: ���� / No Comments

    css����Ƭ��1��

    html{min-height:100%;background:-webkit-gradient(radial, 10% 8%, 0, 10% 8%, 50, from(rgba(155, 102, 253, .09)), color-stop(90%, rgba(155, 102, 253, .2)), to(transparent)) ,-webkit-gradient(radial, 5% 20%, 0, 5% 20%, 37, from(rgba(82, 254, 183, .09)), color-stop(90%, rgba(82, 254, 183, .2)), to(transparent)) ,-webkit-gradient(radial, 0% 29%, 0, 0% 29%, 93, from(rgba(215, 77, 29, .09)), color-stop(90%, rgba(215, 77, 29, .2)), to(transparent)) ,-webkit-gradient(radial, 13% 17%, 0, 13% 17%, 109, from(rgba(84, 121, 221, .09)), color-stop(90%, rgba(84, 121, 221, .2)), to(transparent)) ,-webkit-gradient(radial, 13% 35%, 0, 13% 35%, 70, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .2)), to(transparent)) ,-webkit-gradient(radial, 14% 42%, 0, 14% 42%, 123, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .2)), to(transparent)) ,-webkit-gradient(radial, 16% 53%, 0, 16% 53%, 70.5, from(rgba(92, 20, 142, .09)), color-stop(90%, rgba(92, 20, 142, .2)), to(transparent)) ,-webkit-gradient(radial, 2% 50%, 0, 2% 50%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(1, 117, 221, .2)), to(transparent)) ,-webkit-gradient(radial, 6% 62%, 0, 6% 62%, 63, from(rgba(8, 161, 95, .09)), color-stop(90%, rgba(8, 161, 95, .2)), to(transparent)) ,-webkit-gradient(radial, 9% 70%, 0, 9% 70%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .2)), to(transparent)) ,-webkit-gradient(radial, 6% 75%, 0, 6% 75%, 73, from(rgba(223, 149, 76, .09)), color-stop(90%, rgba(223, 149, 76, .2)), to(transparent)) ,-webkit-gradient(radial, 5% 92%, 0, 5% 92%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(24, 98, 115, .2)), to(transparent)) ,-webkit-gradient(radial, 9% 97%, 0, 9% 97%, 54, from(rgba(218, 117, 44, .09)), color-stop(90%, rgba(218, 117, 44, .2)), to(transparent))
    ,-webkit-gradient(radial, 98% 7%, 0, 98% 7%, 63, from(rgba(63, 129, 245, .09)), color-stop(90%, rgba(63, 129, 245, .2)), to(transparent)) ,-webkit-gradient(radial, 95% 17%, 0, 95% 17%, 93, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .2)), to(transparent)) ,-webkit-gradient(radial, 85% 29%, 0, 85% 26%, 129, from(rgba(116, 197, 202, .09)), color-stop(90%, rgba(116, 197, 202, .2)), to(transparent)) ,-webkit-gradient(radial, 96% 28%, 0, 96% 28%, 63, from(rgba(223, 101, 39, .09)), color-stop(90%, rgba(223, 101, 39, .2)), to(transparent)) ,-webkit-gradient(radial, 90% 35%, 0, 90% 35%, 63, from(rgba(79, 6, 106, .09)), color-stop(90%, rgba(79, 6, 106, .2)), to(transparent)) ,-webkit-gradient(radial, 96% 46%, 0, 96% 46%, 80, from(rgba(255, 40, 110, .09)), color-stop(90%, rgba(255, 40, 110, .2)), to(transparent)) ,-webkit-gradient(radial, 90% 52%, 0, 90% 52%, 63, from(rgba(9, 233, 23, .09)), color-stop(90%, rgba(9, 233, 23, .2)), to(transparent)) ,-webkit-gradient(radial, 96% 53%, 0, 96% 53%, 80, from(rgba(123, 201, 221, .09)), color-stop(90%, rgba(123, 201, 221, .2)), to(transparent)) ,-webkit-gradient(radial, 96% 69%, 0, 96% 69%, 70.5, from(rgba(19, 225, 148, .09)), color-stop(90%, rgba(19, 225, 148, .2)), to(transparent)) ,-webkit-gradient(radial, 93% 79%, 0, 93% 79%, 43, from(rgba(174, 187, 203, .09)), color-stop(90%, rgba(174, 187, 203, .2)), to(transparent)) ,-webkit-gradient(radial, 92% 93%, 0, 92% 90%, 143, from(rgba(183, 44, 116, .09)), color-stop(90%, rgba(183, 44, 116, .2)), to(transparent))
    ,-webkit-gradient(radial, 50% 5%, 0, 50% 5%, 80, from(rgba(67, 132, 155, .09)), color-stop(90%, rgba(67, 132, 155, .2)), to(transparent)) ,-webkit-gradient(radial, 50% 97%, 0, 50% 97%, 133, from(rgba(197, 184, 244, .09)), color-stop(90%, rgba(197, 184, 244, .2)), to(transparent)) ,-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 0, from(transparent), to(rgba(226, 226, 226, .97)), color-stop(90%, transparent));}
    #wrapper{background:-webkit-gradient(linear, 0 0, 0 0, from(transparent), to(transparent));}

    css����Ƭ��2��

    html:hover{background:-webkit-gradient(radial, 10% 8%, 0, 10% 8%, 50, from(rgba(155, 102, 253, .09)), color-stop(90%, rgba(155, 102, 253, .05)), to(transparent)) ,-webkit-gradient(radial, 5% 20%, 0, 5% 20%, 37, from(rgba(82, 254, 183, .09)), color-stop(90%, rgba(82, 254, 183, .05)), to(transparent)) ,-webkit-gradient(radial, 0% 29%, 0, 0% 29%, 93, from(rgba(215, 77, 29, .09)), color-stop(90%, rgba(215, 77, 29, .05)), to(transparent)) ,-webkit-gradient(radial, 13% 17%, 0, 13% 17%, 109, from(rgba(84, 121, 221, .09)), color-stop(90%, rgba(84, 121, 221, .05)), to(transparent)) ,-webkit-gradient(radial, 13% 35%, 0, 13% 35%, 70, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .05)), to(transparent)) ,-webkit-gradient(radial, 14% 42%, 0, 14% 42%, 123, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .05)), to(transparent)) ,-webkit-gradient(radial, 16% 53%, 0, 16% 53%, 70.5, from(rgba(92, 20, 142, .09)), color-stop(90%, rgba(92, 20, 142, .05)), to(transparent)) ,-webkit-gradient(radial, 2% 50%, 0, 2% 50%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(1, 117, 221, .05)), to(transparent)) ,-webkit-gradient(radial, 6% 62%, 0, 6% 62%, 63, from(rgba(8, 161, 95, .09)), color-stop(90%, rgba(8, 161, 95, .05)), to(transparent)) ,-webkit-gradient(radial, 9% 70%, 0, 9% 70%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .05)), to(transparent)) ,-webkit-gradient(radial, 6% 75%, 0, 6% 75%, 73, from(rgba(223, 149, 76, .09)), color-stop(90%, rgba(223, 149, 76, .05)), to(transparent)) ,-webkit-gradient(radial, 5% 92%, 0, 5% 92%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(24, 98, 115, .05)), to(transparent)) ,-webkit-gradient(radial, 9% 97%, 0, 9% 97%, 54, from(rgba(218, 117, 44, .09)), color-stop(90%, rgba(218, 117, 44, .05)), to(transparent))
    ,-webkit-gradient(radial, 98% 7%, 0, 98% 7%, 63, from(rgba(63, 129, 245, .09)), color-stop(90%, rgba(63, 129, 245, .05)), to(transparent)) ,-webkit-gradient(radial, 95% 17%, 0, 95% 17%, 93, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .05)), to(transparent)) ,-webkit-gradient(radial, 85% 29%, 0, 85% 26%, 129, from(rgba(116, 197, 202, .09)), color-stop(90%, rgba(116, 197, 202, .05)), to(transparent)) ,-webkit-gradient(radial, 96% 28%, 0, 96% 28%, 63, from(rgba(223, 101, 39, .09)), color-stop(90%, rgba(223, 101, 39, .05)), to(transparent)) ,-webkit-gradient(radial, 90% 35%, 0, 90% 35%, 63, from(rgba(79, 6, 106, .09)), color-stop(90%, rgba(79, 6, 106, .05)), to(transparent)) ,-webkit-gradient(radial, 96% 46%, 0, 96% 46%, 80, from(rgba(255, 40, 110, .09)), color-stop(90%, rgba(255, 40, 110, .05)), to(transparent)) ,-webkit-gradient(radial, 90% 52%, 0, 90% 52%, 63, from(rgba(9, 233, 23, .09)), color-stop(90%, rgba(9, 233, 23, .05)), to(transparent)) ,-webkit-gradient(radial, 96% 53%, 0, 96% 53%, 80, from(rgba(123, 201, 221, .09)), color-stop(90%, rgba(123, 201, 221, .05)), to(transparent)) ,-webkit-gradient(radial, 96% 69%, 0, 96% 69%, 70.5, from(rgba(19, 225, 148, .09)), color-stop(90%, rgba(19, 225, 148, .05)), to(transparent)) ,-webkit-gradient(radial, 93% 79%, 0, 93% 79%, 43, from(rgba(174, 187, 203, .09)), color-stop(90%, rgba(174, 187, 203, .05)), to(transparent)) ,-webkit-gradient(radial, 92% 93%, 0, 92% 90%, 143, from(rgba(183, 44, 116, .09)), color-stop(90%, rgba(183, 44, 116, .05)), to(transparent))
    ,-webkit-gradient(radial, 50% 5%, 0, 50% 5%, 80, from(rgba(67, 132, 155, .09)), color-stop(90%, rgba(67, 132, 155, .05)), to(transparent)) ,-webkit-gradient(radial, 50% 97%, 0, 50% 97%, 133, from(rgba(197, 184, 244, .09)), color-stop(90%, rgba(197, 184, 244, .05)), to(transparent)) ,-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 0, from(transparent), to(rgba(226, 226, 226, .97)), color-stop(90%, transparent));}

    css����Ƭ��3��

    html{min-height:100%;background:-webkit-gradient(radial, 10% 8%, 0, 10% 8%, 50, from(rgba(155, 102, 253, .09)), color-stop(90%, rgba(155, 102, 253, .05)), to(transparent)) ,-webkit-gradient(radial, 5% 20%, 0, 5% 20%, 37, from(rgba(82, 254, 183, .09)), color-stop(90%, rgba(82, 254, 183, .05)), to(transparent)) ,-webkit-gradient(radial, 0% 29%, 0, 0% 29%, 93, from(rgba(215, 77, 29, .09)), color-stop(90%, rgba(215, 77, 29, .05)), to(transparent)) ,-webkit-gradient(radial, 13% 17%, 0, 13% 17%, 109, from(rgba(84, 121, 221, .09)), color-stop(90%, rgba(84, 121, 221, .05)), to(transparent)) ,-webkit-gradient(radial, 13% 35%, 0, 13% 35%, 70, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .05)), to(transparent)) ,-webkit-gradient(radial, 14% 42%, 0, 14% 42%, 123, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .05)), to(transparent)) ,-webkit-gradient(radial, 16% 53%, 0, 16% 53%, 70.5, from(rgba(92, 20, 142, .09)), color-stop(90%, rgba(92, 20, 142, .05)), to(transparent)) ,-webkit-gradient(radial, 2% 50%, 0, 2% 50%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(1, 117, 221, .05)), to(transparent)) ,-webkit-gradient(radial, 6% 62%, 0, 6% 62%, 63, from(rgba(8, 161, 95, .09)), color-stop(90%, rgba(8, 161, 95, .05)), to(transparent)) ,-webkit-gradient(radial, 9% 70%, 0, 9% 70%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(165, 133, 151, .05)), to(transparent)) ,-webkit-gradient(radial, 6% 75%, 0, 6% 75%, 73, from(rgba(223, 149, 76, .09)), color-stop(90%, rgba(223, 149, 76, .05)), to(transparent)) ,-webkit-gradient(radial, 5% 92%, 0, 5% 92%, 63, from(rgba(165, 133, 151, .09)), color-stop(90%, rgba(24, 98, 115, .05)), to(transparent)) ,-webkit-gradient(radial, 9% 97%, 0, 9% 97%, 54, from(rgba(218, 117, 44, .09)), color-stop(90%, rgba(218, 117, 44, .05)), to(transparent))
    ,-webkit-gradient(radial, 98% 7%, 0, 98% 7%, 63, from(rgba(63, 129, 245, .09)), color-stop(90%, rgba(63, 129, 245, .05)), to(transparent)) ,-webkit-gradient(radial, 95% 17%, 0, 95% 17%, 93, from(rgba(223, 4, 78, .09)), color-stop(90%, rgba(223, 4, 78, .05)), to(transparent)) ,-webkit-gradient(radial, 85% 29%, 0, 85% 26%, 129, from(rgba(116, 197, 202, .09)), color-stop(90%, rgba(116, 197, 202, .05)), to(transparent)) ,-webkit-gradient(radial, 96% 28%, 0, 96% 28%, 63, from(rgba(223, 101, 39, .09)), color-stop(90%, rgba(223, 101, 39, .05)), to(transparent)) ,-webkit-gradient(radial, 90% 35%, 0, 90% 35%, 63, from(rgba(79, 6, 106, .09)), color-stop(90%, rgba(79, 6, 106, .05)), to(transparent)) ,-webkit-gradient(radial, 96% 46%, 0, 96% 46%, 80, from(rgba(255, 40, 110, .09)), color-stop(90%, rgba(255, 40, 110, .05)), to(transparent)) ,-webkit-gradient(radial, 90% 52%, 0, 90% 52%, 63, from(rgba(9, 233, 23, .09)), color-stop(90%, rgba(9, 233, 23, .05)), to(transparent)) ,-webkit-gradient(radial, 96% 53%, 0, 96% 53%, 80, from(rgba(123, 201, 221, .09)), color-stop(90%, rgba(123, 201, 221, .05)), to(transparent)) ,-webkit-gradient(radial, 96% 69%, 0, 96% 69%, 70.5, from(rgba(19, 225, 148, .09)), color-stop(90%, rgba(19, 225, 148, .05)), to(transparent)) ,-webkit-gradient(radial, 93% 79%, 0, 93% 79%, 43, from(rgba(174, 187, 203, .09)), color-stop(90%, rgba(174, 187, 203, .05)), to(transparent)) ,-webkit-gradient(radial, 92% 93%, 0, 92% 90%, 143, from(rgba(183, 44, 116, .09)), color-stop(90%, rgba(183, 44, 116, .05)), to(transparent))
    ,-webkit-gradient(radial, 50% 5%, 0, 50% 5%, 80, from(rgba(67, 132, 155, .09)), color-stop(90%, rgba(67, 132, 155, .05)), to(transparent)) ,-webkit-gradient(radial, 50% 97%, 0, 50% 97%, 133, from(rgba(197, 184, 244, .09)), color-stop(90%, rgba(197, 184, 244, .05)), to(transparent)) ,-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 0, from(transparent), to(rgba(226, 226, 226, .97)), color-stop(90%, transparent));}
    #wrapper{background:-webkit-gradient(linear, 0 0, 0 0, from(transparent), to(transparent));}

    ʹ��˵������������Ч����ѡ��һ����
    Ч��1���༭K Blue����ļ��е�g.css������������� cssƬ��1+cssƬ��2��Ĭ�ϱ����DZȽ�����Բ��ɣ�����ƶ���ҳ���ϣ��������Բ��ɫ��dz�����DZ�ҳЧ������
    Ч��2������cssƬ��1����g.css����������롣Ч��������Բһֱ������ɫ�ģ�����ƶ���ҳ���ޱ仯��
    Ч��3������ssƬ��3����g.css����������롣Ч��������Բһֱ����dzɫ�ģ�����ƶ���ҳ���ޱ仯��

    K Blue G1��K Blue��һ��С��֧����ʹ��G1���ֻ�谴������IJ����޸�css�ļ����ɡ�

    Ps:K Blue��K Blue G1��K Blue G2������
    K Blue ���������棬����ɫ�ǻ�ɫ�Ĺ��ȣ������޲�ɫԲ��
    K Blue G1 �� ��"K Blue"���ƣ�����ɫ������26����ɫ��Բ��
    K Blue G2 �� ��ɫ��������ɫ�Ǻ�ɫ������26����ɫ��Բ��

    K blue �������� K blue ��ʾ�� K blue G1��ʾ�� K blue G2��ʾ

  • ��VIM�� ���ö�������� Ԥ��html php ���ļ�

    / ����: ���� / 5 Comments

    ������ʱ��˯�����ز��㣬�Դ����ε�ʱ���Ҫ�����£�so����vim���������뷨�����Լ�ϲ����editplus�Ĺ��ܶ��㵽vim�������������������֮һ�����������Ԥ����ǰ�ļ�����ʱ��Ļ�������Ҫд���editplusת�͵�vim�Ķ�����

    �ŵ�1��
    ��������Ҫ���������chrome��firefox��oprea��ie��ietester�����Լ�ϲ���������Ӹ��࣬����safari����������ļ�ƣ�cr��ff��op��ie��ie6��ie7��ie8��ie9��iea����ơ�·���Լ�ֵ�Է�ʽ�����浽browsers�С�
    ����ļ�ƴ󲿷���Ӧ�ö������ˣ�ie����ϵͳĬ�ϵ�ie�����һ��iea����ietester��ʹ�����а汾��ieͬʱԤ����IE5.5-IE9����

    IETester ��Arguments���Լ� : http://www.my-debugbar.com/wiki/IETester/CommandLineArguments

    �ŵ�2��
    �����ļ��Զ���file://��ͷ��http://��ͷ�����ַ�ʽԤ��������ļ���htdocs����http��ʽ�򿪣�������file��ʽ��
    file://��ͷ�ĵ�ַԤ��htmlһ��û���⣬����Ԥ��php��aspx�Ⱦ��Եò԰������ˡ������������һ��htdocs/wwwroot���ļ��е�ַ��Ȼ��Ԥ����ʱ��ƥ���ļ��Ƿ�������ļ�����(֧����Ŀ¼)������ھ���http://��ʽ�򿪣��������file://��ʽ��

    ����ǰ�˿����߻��߳���Ա�������ʺϡ��Կ���ϣ�����˵��ʹ�ã�
    ��_vimrc�м�������Ĵ��룬Ȼ��F4+cr - ��chromeԤ����F4+ff  - ��firefox��Ԥ����������ʽ����F4+�������ƣ�Ӧ�ñ���F4+1234��������ʽ���ڼ��䣩����Ȼ�������ȫ�����Լ�diy�ġ�

    ����fuc������������ַ��Ҫ�Լ��޸ģ��ҵ��ļ���Ŀ¼����Ŀ������в�ͬ�ġ�����htdocs�ļ��С����ص�Ԥ���Ķ˿ںţ���ʹ�õ���8090.