pxgradient
pxgradient copied to clipboard
Published
20 hours ago •
mrnix
mrnix
Japanese Translation
I am a Japanese Engineer and a user of your plugin(pxgradient). Thank you for making a great plugin. I made a translation of your page(http://mrnix.ru/pxgradient/index_en.html) to Japanese. I hope you like it.
<html><head><script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Text gradient. jQuery plugin</title>
<link rel="stylesheet" type="text/css" href="page.css?ncrnd">
<!--<link rel="stylesheet" type="text/css" href="pxgradient.css" />-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="pxgradient-1.0.3.js"></script><style type="text/css">.sn-pxg .pxg-set{user-select:none;-moz-user-select:none;-webkit-user-select:none;}.sn-pxg span.pxg-source{position:relative;display:inline-block;z-index:2;}.sn-pxg U.pxg-set,.sn-pxg U.pxg-set S,.sn-pxg U.pxg-set S B{left:0;right:0;top:0;bottom:0;height:inherit;width:inherit;position:absolute;display:inline-block;text-decoration:none;font-weight:inherit;}.sn-pxg U.pxg-set S{overflow:hidden;}.sn-pxg U.pxg-set{text-decoration:none;z-index:1;display:inline-block;position:relative;}</style>
<script type="text/javascript">
$(function(){
$(".pxg1").pxgradient({
step: 5,
colors: ["#fc0","#0fc","#00f"],
dir: "x"
});
$(".je").pxgradient({
step:1,
colors: ["#3f0","#00f"],
dir: "y"
});
$(".bf").pxgradient({
step:1,
colors: ["#0cf","#fc0","#c0f"],
dir:"x"
});
});
</script>
<style type="text/css" id="ya_share_style">.b-share-popup-wrap{z-index:1073741823;position:absolute;width:500px}.b-share-popup{position:absolute;z-index:1073741823;border:1px solid #888;background:#FFF;color:#000}.b-share-popup-wrap .b-share-popup_down{top:0}.b-share-popup-wrap .b-share-popup_up{bottom:0}.b-share-popup-wrap_state_hidden{position:absolute!important;top:-9999px!important;right:auto!important;bottom:auto!important;left:-9999px!important;visibility:hidden!important}.b-share-popup,x:nth-child(1){border:0;padding:1px!important}@media all and (resolution=0){.b-share-popup,x:nth-child(1),x:-o-prefocus{padding:0!important;border:1px solid #888}}.b-share-popup__i{display:-moz-inline-box;display:inline-block;padding:5px 0!important;overflow:hidden;vertical-align:top;white-space:nowrap;visibility:visible;background:#FFF;-webkit-box-shadow:0 2px 9px rgba(0,0,0,.6);-moz-box-shadow:0 2px 9px rgba(0,0,0,.6);box-shadow:0 2px 9px rgba(0,0,0,.6)}.b-share-popup__item{font:1em/1.25em Arial,sans-serif;display:block;padding:5px 15px!important;white-space:nowrap;background:#FFF}.b-share-popup__item,a.b-share-popup__item:link,a.b-share-popup__item:visited{text-decoration:none!important;border:0!important}a.b-share-popup__item{cursor:pointer}a.b-share-popup__item .b-share-popup__item__text{display:inline;text-decoration:underline;color:#1A3DC1}a.b-share-popup__item:hover{word-spacing:0}a.b-share-popup__item:hover .b-share-popup__item__text{color:red;cursor:pointer}.b-share-popup__icon{display:-moz-inline-box;display:inline-block;margin:-3px 0 0;padding:0 5px 0 0!important;vertical-align:middle}.b-share-popup__icon_input{width:21px;height:16px;margin-top:-6px;padding:0!important}.b-share-popup__icon__input{margin-right:0;margin-left:2px;vertical-align:top}.b-share-popup__spacer{display:block;padding-top:10px!important}.b-share-popup__header{font:86%/1em Verdana,sans-serif;display:block;padding:10px 15px 5px!important;color:#999}.b-share-popup__header_first{padding-top:5px!important}.b-share-popup__input{font:86%/1em Verdana,sans-serif;display:block;padding:5px 15px!important;color:#999;text-align:left}.b-share-popup__input__input{font:1em/1em Verdana,sans-serif;display:block;width:10px;margin:5px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:none;text-align:left;direction:ltr}.b-share-popup_down .b-share-popup_with-link .b-share-popup__input_link{position:absolute;top:5px;right:0;left:0}.b-share-popup_up .b-share-popup_with-link .b-share-popup__input_link{position:absolute;right:0;bottom:5px;left:0}.b-share-popup_down .b-share-popup_with-link{padding-top:55px!important}.b-share-popup_up .b-share-popup_with-link{padding-bottom:55px!important}.b-share-popup_down .b-share-popup_expandable .b-share-popup__main{padding-bottom:25px!important}.b-share-popup_up .b-share-popup_expandable .b-share-popup__main{padding-top:25px!important}.b-share-popup_down .b-share-popup_yandexed{padding-bottom:10px!important}.b-share-popup_up .b-share-popup_yandexed{padding-top:10px!important}.b-share-popup__yandex{position:absolute;right:4px;bottom:2px;font:78.125%/1em Verdana,sans-serif;padding:3px!important;background:0 0}a.b-share-popup__yandex:link,a.b-share-popup__yandex:visited{color:#C6C5C5;text-decoration:none}a.b-share-popup__yandex:link:hover,a.b-share-popup__yandex:visited:hover{color:red;text-decoration:underline}.b-share-popup_up .b-share-popup__yandex{top:2px;bottom:auto}.b-share-popup_expandable .b-share-popup__yandex{right:auto;left:4px}.b-share-popup_to-right .b-share-popup_expandable .b-share-popup__yandex{right:4px;left:auto}.b-share-popup__expander .b-share-popup__item{position:absolute;bottom:5px;font:86%/1em Verdana,sans-serif;margin:10px 0 0;padding:5px 10px!important;cursor:pointer;color:#999;background:0 0}.b-share-popup_to-right,.b-share-popup_to-right .b-share-popup__expander{direction:rtl}.b-share-popup_to-right .b-share-popup__expander .b-share-popup__icon{padding:0 0 0 5px!important}.b-share-popup_up .b-share-popup__expander .b-share-popup__item{top:-5px;bottom:auto}.b-share-popup__expander .b-share-popup__item:hover .b-share-popup__item__text{text-decoration:underline}.b-share-popup__expander .b-ico_action_rarr,.b-share-popup_to-right .b-share-popup__expander .b-ico_action_larr,.b-share-popup_full .b-share-popup__expander .b-ico_action_larr,.b-share-popup_to-right .b-share-popup_full .b-share-popup__expander .b-ico_action_rarr,.b-share-popup__expander .b-share-popup__item__text_collapse,.b-share-popup_full .b-share-popup__item__text_expand{display:none}.b-share-popup_to-right .b-share-popup__expander .b-ico_action_rarr,.b-share-popup_full .b-share-popup__item__text_collapse,.b-share-popup_full .b-share-popup__expander .b-ico_action_rarr,.b-share-popup_to-right .b-share-popup_full .b-share-popup__expander .b-ico_action_larr{display:inline}.b-ico_action_rarr,.b-ico_action_larr{width:8px;height:7px;border:0}.b-share-popup__main,.b-share-popup__extra{direction:ltr;vertical-align:bottom;text-align:left}.b-share-popup_down .b-share-popup__main,.b-share-popup_down .b-share-popup__extra{vertical-align:top}.b-share-popup__main{display:-moz-inline-stack;display:inline-block}.b-share-popup__extra{display:none;margin:0 -10px 0 0}.b-share-popup_full .b-share-popup__extra{display:-moz-inline-stack;display:inline-block}.b-share-popup_to-right .b-share-popup__extra{margin:0 0 0 -10px}.b-share-popup__tail{position:absolute;width:21px;height:10px;margin:0 0 0 -11px}.b-share-popup_down .b-share-popup__tail{top:-10px;background:url("//yastatic.net/share/static/b-share-popup_down__tail.gif") 0 0 no-repeat}.b-share-popup_up .b-share-popup__tail{bottom:-10px;background:url("//yastatic.net/share/static/b-share-popup_up__tail.gif") 0 0 no-repeat}.b-share-popup_down .b-share-popup__tail,x:nth-child(1){top:-9px;background-image:url("//yastatic.net/share/static/b-share-popup_down__tail.png")}.b-share-popup_up .b-share-popup__tail,x:nth-child(1){bottom:-9px;background-image:url("//yastatic.net/share/static/b-share-popup_up__tail.png")}@media all and (resolution=0){.b-share-popup_down .b-share-popup__tail,x:nth-child(1),x:-o-prefocus{top:-10px;background-image:url("//yastatic.net/share/static/b-share-popup_down__tail.gif")}.b-share-popup_up .b-share-popup__tail,x:nth-child(1),x:-o-prefocus{bottom:-10px;background-image:url("//yastatic.net/share/static/b-share-popup_up__tail.gif")}}.b-share-popup .b-share-popup_show_form_mail,.b-share-popup .b-share-popup_show_form_html{padding:0!important}.b-share-popup .b-share-popup_show_form_mail .b-share-popup__main,.b-share-popup .b-share-popup_show_form_html .b-share-popup__main,.b-share-popup .b-share-popup_show_form .b-share-popup__main,.b-share-popup .b-share-popup_show_form_mail .b-share-popup__extra,.b-share-popup .b-share-popup_show_form_html .b-share-popup__extra,.b-share-popup .b-share-popup_show_form .b-share-popup__extra{height:15px;padding:0!important;overflow:hidden;visibility:hidden}.b-share-popup_show_form_mail .b-share-popup__expander,.b-share-popup_show_form_html .b-share-popup__expander,.b-share-popup_show_form .b-share-popup__expander,.b-share-popup_show_form_mail .b-share-popup__input_link,.b-share-popup_show_form_html .b-share-popup__input_link,.b-share-popup_show_form .b-share-popup__input_link{display:none}.b-share-popup__form{position:relative;display:none;overflow:hidden;padding:5px 0 0!important;margin:0 0 -15px;white-space:normal}.b-share-popup_show_form_mail .b-share-popup__form_mail,.b-share-popup_show_form_html .b-share-popup__form_html,.b-share-popup_show_form .b-share-popup__form{display:block}.b-share-popup__form__link{padding:5px!important;margin:0 0 5px 10px;text-decoration:underline;cursor:pointer;color:#1A3DC1}.b-share-popup__form__link,.b-share-popup__form__button{font:86%/1.4545em Verdana,sans-serif;float:left;display:inline}.b-share-popup__form__button{margin:5px 0 0 15px}.b-share-popup__form__close{font:86%/1.4545em Verdana,sans-serif;float:right;display:inline;padding:5px!important;margin:0 10px 5px 0;cursor:pointer;color:#999}a.b-share-popup__form__link:hover,a.b-share-popup__form__close:hover{text-decoration:underline;color:red}.b-share-popup_font_fixed .b-share-popup__item{font-size:12.8px}.b-share-popup_font_fixed .b-share-popup__header,.b-share-popup_font_fixed .b-share-popup__input,.b-share-popup_font_fixed .b-share-popup__expander .b-share-popup__item,.b-share-popup_font_fixed .b-share-popup__form__link,.b-share-popup_font_fixed .b-share-popup__form__button,.b-share-popup_font_fixed .b-share-popup__form__close{font-size:11px}.b-share-popup_font_fixed .b-share-popup__yandex{font-size:10px}.b-share-form-button{font:86%/17px Verdana,Arial,sans-serif;display:-moz-inline-box;display:inline-block;position:relative;height:19px;margin:0 3px;padding:0 4px;cursor:default;white-space:nowrap;text-decoration:none!important;color:#000!important;border:none;outline:none;background:url("//yastatic.net/share/static/b-share-form-button.png") 0 -20px repeat-x}.b-share-form-button:link:hover,.b-share-form-button:visited:hover{color:#000!important}.b-share-form-button__before,.b-share-form-button__after{position:absolute;width:3px;height:19px;background:url("//yastatic.net/share/static/b-share-form-button.png")}.b-share-form-button__before{margin-left:-7px}.b-share-form-button__after{margin-left:4px;background-position:-3px 0}.b-share-form-button::-moz-focus-inner{border:none}button.b-share-form-button .b-share-form-button__before,button.b-share-form-button .b-share-form-button__after{margin-top:-1px}@-moz-document url-prefix(){button.b-share-form-button .b-share-form-button__after{margin-top:-2px;margin-left:6px}button.b-share-form-button .b-share-form-button__before{margin-top:-2px;margin-left:-9px}}SPAN.b-share-form-button:hover,.b-share-form-button_state_hover{background-position:0 -60px}SPAN.b-share-form-button:hover .b-share-form-button__before,.b-share-form-button_state_hover .b-share-form-button__before{background-position:0 -40px}SPAN.b-share-form-button:hover .b-share-form-button__after,.b-share-form-button_state_hover .b-share-form-button__after{background-position:-3px -40px}.b-share-form-button_state_pressed,.b-share-form-button_state_pressed .b-share-form-button_share{background-position:0 -100px!important}.b-share-form-button_state_pressed .b-share-form-button__before{background-position:0 -80px!important}.b-share-form-button_state_pressed .b-share-form-button__after{background-position:-3px -80px!important}button.b-share-form-button_state_pressed{overflow:visible}.b-share-form-button_icons{position:relative;padding:0;background-position:0 -20px!important}.b-share-form-button_icons .b-share-form-button__before{left:0;margin-left:-3px;background-position:0 0!important}.b-share-form-button_icons .b-share-form-button__after{z-index:-1;margin-left:0;background-position:-3px 0!important}.b-share-form-button_icons .b-share__handle{padding:2px!important}.b-share-form-button_icons .b-share__handle_more{position:relative;padding-right:6px!important;margin-right:-4px}.b-share-form-button_icons .b-share-icon{opacity:.5;background-image:url("//yastatic.net/share/static/b-share-icon_size_14.png")}.b-share-form-button_icons A.b-share__handle:hover .b-share-icon{opacity:1}.b-share{font:86%/1.4545em Arial,sans-serif;display:-moz-inline-box;display:inline-block;padding:1px 3px 1px 4px!important;vertical-align:middle}.b-share .b-share-form-button{font-size:1em}.b-share__text .b-share-icon{margin:0 5px 0 0;border:none}.b-share__text{margin-right:5px}.b-share__handle{float:left;height:16px;padding:5px 3px 5px 2px!important;cursor:pointer;text-align:left;text-decoration:none!important}.b-share__handle_cursor_default{cursor:default}.b-share__handle .b-share-form-button{margin-top:-2px}.b-share__hr{display:none;float:left;width:1px;height:26px;margin:0 3px 0 2px}a.b-share__handle:hover .b-share__text{text-decoration:underline;color:red}.b-share_bordered{padding:0 2px 0 3px!important;border:1px solid #E4E4E4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.b-share_bordered .b-share__hr{display:inline;background:#E4E4E4}.b-share_link{margin:-8px 0}a.b-share_link{margin:0}.b-share_link .b-share__text{text-decoration:underline;color:#1A3DC1}.b-share-form-button_share{padding-left:26px!important;vertical-align:top}.b-share-form-button_share .b-share-form-button__before{margin-left:-29px}.b-share-form-button_share .b-share-form-button__icon{position:absolute;width:20px;height:17px;margin:1px 0 0 -23px;background:url("//yastatic.net/share/static/b-share-form-button_share__icon.png") 0 0 no-repeat}.b-share-pseudo-link{border-bottom:1px dotted;cursor:pointer;text-decoration:none!important}.b-share_font_fixed{font-size:11px}.b-share__handle_more{font-size:9px;margin-top:-1px;color:#7B7B7B}A.b-share__handle_more:hover{color:#000}.b-share__group{float:left}.b-share-icon{float:left;display:inline;overflow:hidden;width:16px;height:16px;padding:0!important;vertical-align:top;border:0;background:url("//yastatic.net/share/static/b-share-icon.png") 0 99px no-repeat}.b-share-icon_vkontakte,.b-share-icon_custom{background-position:0 0}.b-share-icon_yaru,.b-share-icon_yaru_photo,.b-share-icon_yaru_wishlist{background-position:0 -17px}.b-share-icon_lj{background-position:0 -34px}.b-share-icon_twitter{background-position:0 -51px}.b-share-icon_facebook{background-position:0 -68px}.b-share-icon_moimir{background-position:0 -85px}.b-share-icon_friendfeed{background-position:0 -102px}.b-share-icon_mail{background-position:0 -119px}.b-share-icon_html{background-position:0 -136px}.b-share-icon_postcard{background-position:0 -153px}.b-share-icon_odnoklassniki{background-position:0 -170px}.b-share-icon_blogger{background-position:0 -187px}.b-share-icon_delicious{background-position:0 -221px}.b-share-icon_gbuzz{background-position:0 -238px}.b-share-icon_linkedin{background-position:0 -255px}.b-share-icon_myspace{background-position:0 -272px}.b-share-icon_evernote{background-position:0 -289px}.b-share-icon_digg{background-position:0 -306px}.b-share-icon_juick{background-position:0 -324px}.b-share-icon_moikrug{background-position:0 -341px}.b-share-icon_yazakladki{background-position:0 -358px}.b-share-icon_liveinternet{background-position:0 -375px}.b-share-icon_tutby{background-position:0 -392px}.b-share-icon_diary{background-position:0 -409px}.b-share-icon_gplus{background-position:0 -426px}.b-share-icon_pocket{background-position:0 -443px}.b-share-icon_surfingbird{background-position:0 -460px}.b-share-icon_pinterest{background-position:0 -477px}.b-share-icon_renren{background-position:0 0}.b-share-icon_renren,.b-share-icon_sina_weibo{background:url("//yastatic.net/share/static/b-share-icon__china.png") no-repeat}.b-share-icon_sina_weibo{background-position:-18px 0}.b-share-icon_qzone{background-position:-36px 0}.b-share-icon_qzone,.b-share-icon_tencent_weibo{background:url("//yastatic.net/share/static/b-share-icon__china.png") no-repeat}.b-share-icon_tencent_weibo{background-position:-54px 0}.b-share_theme_dark .b-share-icon{background:url("//yastatic.net/share/static/b-share-icons__theme_dark.png") 99px 0 no-repeat}.b-share_theme_dark .b-share-icon_odnoklassniki{background-position:-4px -3px}.b-share_theme_dark .b-share-icon_vkontakte{background-position:-24px -3px}.b-share_theme_dark .b-share-icon_twitter{background-position:-44px -3px}.b-share_theme_dark .b-share-icon_facebook{background-position:-64px -3px}.b-share_theme_dark .b-share-icon_lj{background-position:-85px -3px}.b-share_theme_dark .b-share-icon_yaru{background-position:-105px -3px}.b-share_theme_dark .b-share-popup .b-share-icon_odnoklassniki,.b-share_theme_dark .b-share-icon_odnoklassniki:hover{background-position:-4px -28px}.b-share_theme_dark .b-share-popup .b-share-icon_vkontakte,.b-share_theme_dark .b-share-icon_vkontakte:hover{background-position:-24px -28px}.b-share_theme_dark .b-share-popup .b-share-icon_twitter,.b-share_theme_dark .b-share-icon_twitter:hover{background-position:-44px -28px}.b-share_theme_dark .b-share-popup .b-share-icon_facebook,.b-share_theme_dark .b-share-icon_facebook:hover{background-position:-64px -28px}.b-share_theme_dark .b-share-popup .b-share-icon_lj,.b-share_theme_dark .b-share-icon_lj:hover{background-position:-85px -28px}.b-share_theme_dark .b-share-popup .b-share-icon_yaru,.b-share_theme_dark .b-share-icon_yaru:hover{background-position:-105px -28px}.b-share_theme_dark .b-share-form-button_share .b-share-form-button__icon{background-image:url("//yastatic.net/share/static/b-share-form-button_share__icon_dark.png")}.b-share_theme_dark .b-share-form-button{color:#fff!important;opacity:.8}.b-share_theme_dark .b-share__handle:hover .b-share-form-button,.b-share_theme_dark .b-share-form-button:hover{opacity:1;cursor:pointer}.b-share_theme_dark .b-share-form-button,.b-share_theme_dark .b-share-form-button__before,.b-share_theme_dark .b-share-form-button__after{background:0 0}.b-share_theme_dark .b-share-popup__i{background-color:#333;border-radius:10px;-webkit-box-shadow:0 2px 9px rgba(255,255,255,.6);-moz-box-shadow:0 2px 9px rgba(255,255,255,.6);box-shadow:0 2px 9px rgba(255,255,255,.6)}.b-share_theme_dark .b-share__text{color:#AAA}.b-share_theme_dark .b-share-popup{color:#AAA;border-radius:10px;background-color:#333;background-color:rgba(50,50,50,.3)}.b-share_theme_dark .b-share-popup__item{background:0 0;color:#ccc}.b-share_theme_dark .b-share-popup .b-share-popup__item__text{color:#ccc}.b-share_theme_counter .b-share{display:inline-block;vertical-align:middle;white-space:nowrap}.b-share-counter{font:14px Arial,sans-serif;line-height:18px;display:none;float:left;margin:3px 6px 3px 3px;color:#fff}.b-share_theme_counter .b-share_type_small .b-share-counter{font-size:11px;line-height:14px;margin:2px 6px 2px 1px}.b-share_theme_counter .b-share-btn__counter .b-share-counter{display:block}.b-share-btn__counter{text-decoration:none}.b-share_theme_counter .b-share-btn__wrap{position:relative;float:left;margin-left:5px}.b-share_theme_counter .b-share_type_small .b-share-btn__wrap{margin-left:4px}.b-share_theme_counter .b-share-btn__wrap:first-child{margin-left:0}.b-share_theme_counter .b-share__link{display:inline-block;cursor:pointer;-webkit-border-radius:3px;border-radius:3px}.b-share_theme_counter .b-share_type_small .b-share__link{-webkit-border-radius:2px;border-radius:2px}.b-share_theme_counter .b-share-icon{display:block;float:left;width:24px;height:24px;background-image:url("//yastatic.net/share/static/b-share_counter_large.png");background-position:-20px 0}.b-share_theme_counter .b-share_type_small .b-share-icon{width:18px;height:18px;background-image:url("//yastatic.net/share/static/b-share_counter_small.png")}.b-share_theme_counter .b-share-icon_facebook{background-position:0 0}.b-share_theme_counter .b-share-btn__facebook{background-color:#3c5a98}.b-share_theme_counter .b-share-btn__facebook:hover{background-color:#30487a}.b-share_theme_counter .b-share-btn__facebook:active{border-top:2px solid #24365a;background-color:#334d81}.b-share_theme_counter .b-share-icon_moimir{background-position:0 -29px}.b-share_theme_counter .b-share-btn__moimir{background-color:#226eb7}.b-share_theme_counter .b-share-btn__moimir:hover{background-color:#1b5892}.b-share_theme_counter .b-share-btn__moimir:active{border-top:2px solid #14426d;background-color:#1d5e9c}.b-share_theme_counter .b-share-icon_vkontakte{background-position:0 -58px}.b-share_theme_counter .b-share-btn__vkontakte{background-color:#48729e}.b-share_theme_counter .b-share-btn__vkontakte:hover{background-color:#3a5b7e}.b-share_theme_counter .b-share-btn__vkontakte:active{border-top:2px solid #2b445e;background-color:#3d6186}.b-share_theme_counter .b-share-icon_twitter{background-position:0 -87px}.b-share_theme_counter .b-share-btn__twitter{background-color:#00aced}.b-share_theme_counter .b-share-btn__twitter:hover{background-color:#008abe}.b-share_theme_counter .b-share-btn__twitter:active{border-top:2px solid #00668d;background-color:#0092ca}.b-share_theme_counter .b-share-icon_odnoklassniki{background-position:0 -116px}.b-share_theme_counter .b-share-btn__odnoklassniki{background-color:#ff9f4d}.b-share_theme_counter .b-share-btn__odnoklassniki:hover{background-color:#cc7f3e}.b-share_theme_counter .b-share-btn__odnoklassniki:active{border-top:2px solid #975e2e;background-color:#d98742}.b-share_theme_counter .b-share-icon_gplus{background-position:0 -145px}.b-share_theme_counter .b-share-btn__gplus{background-color:#c25234}.b-share_theme_counter .b-share-btn__gplus:hover{background-color:#9b422a}.b-share_theme_counter .b-share-btn__gplus:active{border-top:2px solid #73311f;background-color:#a5462c}.b-share_theme_counter .b-share-icon_yaru{background-position:0 -174px}.b-share_theme_counter .b-share-btn__yaru{background-color:#d83933}.b-share_theme_counter .b-share-btn__yaru:hover{background-color:#ad2e29}.b-share_theme_counter .b-share-btn__yaru:active{border-top:2px solid #80221e;background-color:#b8312b}.b-share_theme_counter .b-share-icon_pinterest{background-position:0 -203px}.b-share_theme_counter .b-share-btn__pinterest{background-color:#cd1e27}.b-share_theme_counter .b-share-btn__pinterest:hover{background-color:#a4181f}.b-share_theme_counter .b-share-btn__pinterest:active{border-top:2px solid #7b1217;background-color:#ae1921}.b-share_theme_counter .b-share__link:active{height:22px}.b-share_theme_counter .b-share_type_small .b-share__link:active{height:16px}.b-share_theme_counter .b-share__link:active .b-share-icon,.b-share_theme_counter .b-share__link:active .b-share-counter{position:relative;top:-1px}.b-share_theme_counter .b-share__link::after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.b-share_theme_counter .b-share__handle{height:auto;padding:0!important}</style></head>
<body>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
<div style="display:none;"><script type="text/javascript">
try { var yaCounter1672091 = new Ya.Metrika(1672091);
yaCounter1672091.clickmap();
yaCounter1672091.trackLinks({external: true});
} catch(e){}
</script></div>
<noscript><div style="position:absolute"><img src="//mc.yandex.ru/watch/1672091" alt="" /></div></noscript>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21506036-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<div class="wrap">
<div class="lang">
<span>In english</span> <a href="index.html"><span>На русском</span>. <strong>Градиенты для текста. Плагин jQuery</strong></a>日本語</div>
<h1 class="pxg1 sn-pxg"><span class="pxg-source" style="visibility: hidden; display: none;">True Text Gradient <small>(pixel by pixel)</small></span><u class="pxg-set" style="width: 495px; height: 44px;"><s style="height:44px;width:5px;left:0px;color:#fc0"><b style="left:-0px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:5px;color:#facd04"><b style="left:-5px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:10px;color:#f5ce08"><b style="left:-10px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:15px;color:#f0cf0c"><b style="left:-15px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:20px;color:#ead010"><b style="left:-20px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:25px;color:#e5d115"><b style="left:-25px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:30px;color:#e0d219"><b style="left:-30px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:35px;color:#dbd31d"><b style="left:-35px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:40px;color:#d6d421"><b style="left:-40px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:45px;color:#d1d525"><b style="left:-45px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:50px;color:#cbd629"><b style="left:-50px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:55px;color:#c6d72d"><b style="left:-55px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:60px;color:#c1d831"><b style="left:-60px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:65px;color:#bcd936"><b style="left:-65px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:70px;color:#b7da3a"><b style="left:-70px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:75px;color:#b2db3e"><b style="left:-75px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:80px;color:#addc42"><b style="left:-80px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:85px;color:#a7de46"><b style="left:-85px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:90px;color:#a2df4a"><b style="left:-90px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:95px;color:#9de04e"><b style="left:-95px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:100px;color:#98e152"><b style="left:-100px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:105px;color:#93e257"><b style="left:-105px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:110px;color:#8ee35b"><b style="left:-110px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:115px;color:#89e45f"><b style="left:-115px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:120px;color:#83e563"><b style="left:-120px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:125px;color:#7ee667"><b style="left:-125px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:130px;color:#79e76b"><b style="left:-130px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:135px;color:#74e86f"><b style="left:-135px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:140px;color:#6fe973"><b style="left:-140px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:145px;color:#6aea78"><b style="left:-145px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:150px;color:#64eb7c"><b style="left:-150px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:155px;color:#5fec80"><b style="left:-155px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:160px;color:#5aed84"><b style="left:-160px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:165px;color:#55ee88"><b style="left:-165px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:170px;color:#50ef8c"><b style="left:-170px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:175px;color:#4bf090"><b style="left:-175px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:180px;color:#46f194"><b style="left:-180px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:185px;color:#40f298"><b style="left:-185px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:190px;color:#3bf39d"><b style="left:-190px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:195px;color:#36f4a1"><b style="left:-195px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:200px;color:#31f5a5"><b style="left:-200px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:205px;color:#2cf6a9"><b style="left:-205px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:210px;color:#27f7ad"><b style="left:-210px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:215px;color:#21f8b1"><b style="left:-215px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:220px;color:#1cf9b5"><b style="left:-220px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:225px;color:#17fab9"><b style="left:-225px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:230px;color:#12fbbe"><b style="left:-230px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:235px;color:#0dfcc2"><b style="left:-235px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:240px;color:#08fdc6"><b style="left:-240px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:245px;color:#03feca"><b style="left:-245px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:250px;color:#00fccd"><b style="left:-250px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:255px;color:#00f7ce"><b style="left:-255px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:260px;color:#00f2cf"><b style="left:-260px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:265px;color:#00edd0"><b style="left:-265px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:270px;color:#00e8d1"><b style="left:-270px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:275px;color:#00e3d2"><b style="left:-275px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:280px;color:#00ded3"><b style="left:-280px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:285px;color:#00d8d4"><b style="left:-285px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:290px;color:#00d3d5"><b style="left:-290px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:295px;color:#00ced6"><b style="left:-295px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:300px;color:#00c9d7"><b style="left:-300px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:305px;color:#00c4d8"><b style="left:-305px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:310px;color:#00bfd9"><b style="left:-310px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:315px;color:#00b9da"><b style="left:-315px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:320px;color:#00b4db"><b style="left:-320px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:325px;color:#00afdc"><b style="left:-325px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:330px;color:#00aadd"><b style="left:-330px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:335px;color:#00a5de"><b style="left:-335px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:340px;color:#00a0df"><b style="left:-340px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:345px;color:#009be0"><b style="left:-345px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:350px;color:#0095e1"><b style="left:-350px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:355px;color:#0090e2"><b style="left:-355px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:360px;color:#008be3"><b style="left:-360px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:365px;color:#0086e4"><b style="left:-365px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:370px;color:#0081e5"><b style="left:-370px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:375px;color:#007ce6"><b style="left:-375px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:380px;color:#0076e7"><b style="left:-380px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:385px;color:#0071e8"><b style="left:-385px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:390px;color:#006ce9"><b style="left:-390px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:395px;color:#0067ea"><b style="left:-395px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:400px;color:#0062eb"><b style="left:-400px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:405px;color:#005dec"><b style="left:-405px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:410px;color:#0058ed"><b style="left:-410px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:415px;color:#0052ef"><b style="left:-415px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:420px;color:#004df0"><b style="left:-420px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:425px;color:#0048f1"><b style="left:-425px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:430px;color:#0043f2"><b style="left:-430px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:435px;color:#003ef3"><b style="left:-435px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:440px;color:#0039f4"><b style="left:-440px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:445px;color:#0034f5"><b style="left:-445px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:450px;color:#002ef6"><b style="left:-450px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:455px;color:#0029f7"><b style="left:-455px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:460px;color:#0024f8"><b style="left:-460px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:465px;color:#001ff9"><b style="left:-465px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:470px;color:#001afa"><b style="left:-470px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:475px;color:#0015fb"><b style="left:-475px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:480px;color:#000ffc"><b style="left:-480px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:485px;color:#000afd"><b style="left:-485px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s><s style="height:44px;width:5px;left:490px;color:#0005fe"><b style="left:-490px;width:495px;height:44px;">True Text Gradient <small>(pixel by pixel)</small></b></s></u></h1>
<p class="p">このプロジェクトは <a href="http://www.artlebedev.ru/tools/technogrette/js/gradient-text/">text gradients</a> の影響を受けており，<a href="http://img.artlebedev.ru/tools/technogrette/js/gradient-text/jquery.gradienttext.js">彼らのコード</a>を使用しています．</p>
<p class="p"><a href="http://github.com/mrnix/pxgradient">リポジトリは Github にあります</a>. 作者: <a href="http://mrnix.ru">Sergey Nikitin</a>, Andrew Lechev and Vasily Mamaevsky · <a href="mailto:[email protected]">[email protected]</a> · twitter: <a href="http://twitter.com/takoynik">@takoynik</a></p>
<h3>説明</h3>
<b class="je sn-pxg"><span class="pxg-source" style="visibility: hidden; display: none;">W</span><u class="pxg-set" style="width: 152px; height: 179px;"><s style="width:152px;height:1px;top:0px;color:#3f0"><b style="top:-0px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:1px;color:#33fe01"><b style="top:-1px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:2px;color:#32fc03"><b style="top:-2px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:3px;color:#32fb04"><b style="top:-3px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:4px;color:#32f906"><b style="top:-4px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:5px;color:#32f807"><b style="top:-5px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:6px;color:#31f609"><b style="top:-6px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:7px;color:#31f50a"><b style="top:-7px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:8px;color:#31f40b"><b style="top:-8px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:9px;color:#30f20d"><b style="top:-9px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:10px;color:#30f10e"><b style="top:-10px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:11px;color:#30ef10"><b style="top:-11px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:12px;color:#30ee11"><b style="top:-12px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:13px;color:#2fec13"><b style="top:-13px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:14px;color:#2feb14"><b style="top:-14px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:15px;color:#2fea15"><b style="top:-15px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:16px;color:#2ee817"><b style="top:-16px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:17px;color:#2ee718"><b style="top:-17px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:18px;color:#2ee51a"><b style="top:-18px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:19px;color:#2ee41b"><b style="top:-19px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:20px;color:#2de31c"><b style="top:-20px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:21px;color:#2de11e"><b style="top:-21px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:22px;color:#2de01f"><b style="top:-22px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:23px;color:#2cde21"><b style="top:-23px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:24px;color:#2cdd22"><b style="top:-24px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:25px;color:#2cdb24"><b style="top:-25px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:26px;color:#2cda25"><b style="top:-26px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:27px;color:#2bd926"><b style="top:-27px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:28px;color:#2bd728"><b style="top:-28px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:29px;color:#2bd629"><b style="top:-29px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:30px;color:#2ad42b"><b style="top:-30px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:31px;color:#2ad32c"><b style="top:-31px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:32px;color:#2ad12e"><b style="top:-32px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:33px;color:#2ad02f"><b style="top:-33px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:34px;color:#29cf30"><b style="top:-34px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:35px;color:#29cd32"><b style="top:-35px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:36px;color:#29cc33"><b style="top:-36px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:37px;color:#28ca35"><b style="top:-37px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:38px;color:#28c936"><b style="top:-38px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:39px;color:#28c738"><b style="top:-39px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:40px;color:#28c639"><b style="top:-40px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:41px;color:#27c53a"><b style="top:-41px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:42px;color:#27c33c"><b style="top:-42px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:43px;color:#27c23d"><b style="top:-43px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:44px;color:#26c03f"><b style="top:-44px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:45px;color:#26bf40"><b style="top:-45px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:46px;color:#26bd42"><b style="top:-46px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:47px;color:#26bc43"><b style="top:-47px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:48px;color:#25bb44"><b style="top:-48px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:49px;color:#25b946"><b style="top:-49px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:50px;color:#25b847"><b style="top:-50px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:51px;color:#24b649"><b style="top:-51px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:52px;color:#24b54a"><b style="top:-52px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:53px;color:#24b34c"><b style="top:-53px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:54px;color:#24b24d"><b style="top:-54px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:55px;color:#23b14e"><b style="top:-55px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:56px;color:#23af50"><b style="top:-56px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:57px;color:#23ae51"><b style="top:-57px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:58px;color:#22ac53"><b style="top:-58px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:59px;color:#22ab54"><b style="top:-59px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:60px;color:#22aa55"><b style="top:-60px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:61px;color:#22a857"><b style="top:-61px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:62px;color:#21a758"><b style="top:-62px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:63px;color:#21a55a"><b style="top:-63px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:64px;color:#21a45b"><b style="top:-64px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:65px;color:#20a25d"><b style="top:-65px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:66px;color:#20a15e"><b style="top:-66px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:67px;color:#20a05f"><b style="top:-67px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:68px;color:#209e61"><b style="top:-68px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:69px;color:#1f9d62"><b style="top:-69px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:70px;color:#1f9b64"><b style="top:-70px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:71px;color:#1f9a65"><b style="top:-71px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:72px;color:#1e9867"><b style="top:-72px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:73px;color:#1e9768"><b style="top:-73px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:74px;color:#1e9669"><b style="top:-74px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:75px;color:#1e946b"><b style="top:-75px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:76px;color:#1d936c"><b style="top:-76px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:77px;color:#1d916e"><b style="top:-77px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:78px;color:#1d906f"><b style="top:-78px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:79px;color:#1c8e71"><b style="top:-79px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:80px;color:#1c8d72"><b style="top:-80px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:81px;color:#1c8c73"><b style="top:-81px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:82px;color:#1c8a75"><b style="top:-82px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:83px;color:#1b8976"><b style="top:-83px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:84px;color:#1b8778"><b style="top:-84px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:85px;color:#1b8679"><b style="top:-85px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:86px;color:#1a847b"><b style="top:-86px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:87px;color:#1a837c"><b style="top:-87px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:88px;color:#1a827d"><b style="top:-88px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:89px;color:#1a807f"><b style="top:-89px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:90px;color:#197f80"><b style="top:-90px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:91px;color:#197d82"><b style="top:-91px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:92px;color:#197c83"><b style="top:-92px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:93px;color:#197b84"><b style="top:-93px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:94px;color:#187986"><b style="top:-94px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:95px;color:#187887"><b style="top:-95px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:96px;color:#187689"><b style="top:-96px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:97px;color:#17758a"><b style="top:-97px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:98px;color:#17738c"><b style="top:-98px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:99px;color:#17728d"><b style="top:-99px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:100px;color:#17718e"><b style="top:-100px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:101px;color:#166f90"><b style="top:-101px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:102px;color:#166e91"><b style="top:-102px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:103px;color:#166c93"><b style="top:-103px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:104px;color:#156b94"><b style="top:-104px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:105px;color:#156996"><b style="top:-105px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:106px;color:#156897"><b style="top:-106px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:107px;color:#156798"><b style="top:-107px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:108px;color:#14659a"><b style="top:-108px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:109px;color:#14649b"><b style="top:-109px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:110px;color:#14629d"><b style="top:-110px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:111px;color:#13619e"><b style="top:-111px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:112px;color:#135fa0"><b style="top:-112px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:113px;color:#135ea1"><b style="top:-113px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:114px;color:#135da2"><b style="top:-114px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:115px;color:#125ba4"><b style="top:-115px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:116px;color:#125aa5"><b style="top:-116px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:117px;color:#1258a7"><b style="top:-117px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:118px;color:#1157a8"><b style="top:-118px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:119px;color:#1155aa"><b style="top:-119px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:120px;color:#1154ab"><b style="top:-120px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:121px;color:#1153ac"><b style="top:-121px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:122px;color:#1051ae"><b style="top:-122px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:123px;color:#1050af"><b style="top:-123px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:124px;color:#104eb1"><b style="top:-124px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:125px;color:#0f4db2"><b style="top:-125px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:126px;color:#0f4cb3"><b style="top:-126px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:127px;color:#0f4ab5"><b style="top:-127px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:128px;color:#0f49b6"><b style="top:-128px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:129px;color:#0e47b8"><b style="top:-129px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:130px;color:#0e46b9"><b style="top:-130px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:131px;color:#0e44bb"><b style="top:-131px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:132px;color:#0d43bc"><b style="top:-132px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:133px;color:#0d42bd"><b style="top:-133px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:134px;color:#0d40bf"><b style="top:-134px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:135px;color:#0d3fc0"><b style="top:-135px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:136px;color:#0c3dc2"><b style="top:-136px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:137px;color:#0c3cc3"><b style="top:-137px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:138px;color:#0c3ac5"><b style="top:-138px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:139px;color:#0b39c6"><b style="top:-139px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:140px;color:#0b38c7"><b style="top:-140px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:141px;color:#0b36c9"><b style="top:-141px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:142px;color:#0b35ca"><b style="top:-142px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:143px;color:#0a33cc"><b style="top:-143px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:144px;color:#0a32cd"><b style="top:-144px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:145px;color:#0a30cf"><b style="top:-145px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:146px;color:#092fd0"><b style="top:-146px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:147px;color:#092ed1"><b style="top:-147px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:148px;color:#092cd3"><b style="top:-148px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:149px;color:#092bd4"><b style="top:-149px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:150px;color:#0829d6"><b style="top:-150px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:151px;color:#0828d7"><b style="top:-151px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:152px;color:#0826d9"><b style="top:-152px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:153px;color:#0725da"><b style="top:-153px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:154px;color:#0724db"><b style="top:-154px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:155px;color:#0722dd"><b style="top:-155px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:156px;color:#0721de"><b style="top:-156px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:157px;color:#061fe0"><b style="top:-157px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:158px;color:#061ee1"><b style="top:-158px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:159px;color:#061ce3"><b style="top:-159px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:160px;color:#051be4"><b style="top:-160px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:161px;color:#051ae5"><b style="top:-161px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:162px;color:#0518e7"><b style="top:-162px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:163px;color:#0517e8"><b style="top:-163px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:164px;color:#0415ea"><b style="top:-164px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:165px;color:#0414eb"><b style="top:-165px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:166px;color:#0413ec"><b style="top:-166px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:167px;color:#0311ee"><b style="top:-167px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:168px;color:#0310ef"><b style="top:-168px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:169px;color:#030ef1"><b style="top:-169px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:170px;color:#030df2"><b style="top:-170px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:171px;color:#020bf4"><b style="top:-171px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:172px;color:#020af5"><b style="top:-172px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:173px;color:#0209f6"><b style="top:-173px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:174px;color:#0107f8"><b style="top:-174px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:175px;color:#0106f9"><b style="top:-175px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:176px;color:#0104fb"><b style="top:-176px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:177px;color:#0103fc"><b style="top:-177px;height:152px;height:179px;">W</b></s><s style="width:152px;height:1px;top:178px;color:#0001fe"><b style="top:-178px;height:152px;height:179px;">W</b></s></u></b>
<p class="p">True Text Gradient は，文字にグラデーションを付与する jQuery プラグインです．クロスブラウザ (IE6++, Firefox3++, Opera9.64++, Chrome1++, Safari++) で動作します．システムのフォントスタイルを使用するので，画像や，特別なフォントを用意する必要がありません．背景色に関わらず適用することができ，水平方向と垂直方向のグラデーションをピクセルバイピクセル方式で実現します．複数行に渡ったグラデーションもサポートします．</p>
<h3 class="dl"><a href="pxgradient-1.0.3.js"><strong>ダウンロード</strong> pxgradient-1.0.3.js</a></h3>
<h3>インストール</h3>
<p class="p">jQuery 1.3.2 以上が必要です:</p>
<div class="code">
<code>
<span class="tag"><script</span> <span class="attr">type</span><span class="tag">="</span><span class="in">text/javascript</span>" <span class="attr">src</span><span class="tag">="</span><span class="in"><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js</a></span><span class="tag">"></script></span><br>
<span class="tag"><script</span> <span class="attr">type</span><span class="tag">="</span><span class="in">text/javascript</span>" <span class="attr">src</span><span class="tag">="</span><span class="in"><a href="pxgradient-1.0.3.js">pxgradient-1.0.3.js</a></span><span class="tag">"></script></span>
</code>
</div>
<p> </p>
<p class="p">使い方:</p>
<div class="code">
<code>
<span class="tag"><script <span class="attr">type</span><span class="tag">="</span><span class="in">text/javascript</span>"></span><br>
$("<span class="tag">.text</span>").pxgradient({ <span class="cmt">// any jQuery selector</span><br>
step: <span class="in">10</span>, <span class="cmt"></span><br>
colors: <span class="in">["#fc0","#0fc","#00f"]</span>, <span class="cmt">// hex (#4fc05a or #333)</span><br>
dir: <span class="in">"x"</span> <span class="cmt">// direction. <b>x</b> or <b>y</b><span><br>
});<br>
<span class="tag"></script></span>
</span></span></code>
</div>
<div class="bf sn-pxg"><span class="pxg-source" style="visibility: hidden; display: none;">Enjoy :-) </span><u class="pxg-set" style="width: 76px; height: 22px;"><s style="height:22px;width:1px;left:0px;color:#0cf"><b style="left:-0px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:1px;color:#07ccf8"><b style="left:-1px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:2px;color:#0dccf2"><b style="left:-2px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:3px;color:#14cceb"><b style="left:-3px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:4px;color:#1bcce4"><b style="left:-4px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:5px;color:#22ccdd"><b style="left:-5px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:6px;color:#28ccd7"><b style="left:-6px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:7px;color:#2fccd0"><b style="left:-7px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:8px;color:#36ccc9"><b style="left:-8px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:9px;color:#3cccc3"><b style="left:-9px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:10px;color:#43ccbc"><b style="left:-10px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:11px;color:#4accb5"><b style="left:-11px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:12px;color:#51ccae"><b style="left:-12px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:13px;color:#57cca8"><b style="left:-13px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:14px;color:#5ecca1"><b style="left:-14px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:15px;color:#65cc9a"><b style="left:-15px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:16px;color:#6bcc94"><b style="left:-16px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:17px;color:#72cc8d"><b style="left:-17px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:18px;color:#79cc86"><b style="left:-18px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:19px;color:#80cc80"><b style="left:-19px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:20px;color:#86cc79"><b style="left:-20px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:21px;color:#8dcc72"><b style="left:-21px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:22px;color:#94cc6b"><b style="left:-22px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:23px;color:#9acc65"><b style="left:-23px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:24px;color:#a1cc5e"><b style="left:-24px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:25px;color:#a8cc57"><b style="left:-25px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:26px;color:#aecc51"><b style="left:-26px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:27px;color:#b5cc4a"><b style="left:-27px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:28px;color:#bccc43"><b style="left:-28px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:29px;color:#c3cc3c"><b style="left:-29px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:30px;color:#c9cc36"><b style="left:-30px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:31px;color:#d0cc2f"><b style="left:-31px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:32px;color:#d7cc28"><b style="left:-32px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:33px;color:#ddcc22"><b style="left:-33px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:34px;color:#e4cc1b"><b style="left:-34px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:35px;color:#ebcc14"><b style="left:-35px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:36px;color:#f2cc0d"><b style="left:-36px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:37px;color:#f8cc07"><b style="left:-37px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:38px;color:#fc0"><b style="left:-38px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:39px;color:#fec707"><b style="left:-39px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:40px;color:#fcc10d"><b style="left:-40px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:41px;color:#fbbc14"><b style="left:-41px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:42px;color:#fab71b"><b style="left:-42px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:43px;color:#f8b122"><b style="left:-43px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:44px;color:#f7ac28"><b style="left:-44px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:45px;color:#f6a62f"><b style="left:-45px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:46px;color:#f4a136"><b style="left:-46px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:47px;color:#f39c3c"><b style="left:-47px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:48px;color:#f29643"><b style="left:-48px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:49px;color:#f0914a"><b style="left:-49px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:50px;color:#ef8c51"><b style="left:-50px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:51px;color:#ee8657"><b style="left:-51px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:52px;color:#ec815e"><b style="left:-52px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:53px;color:#eb7b65"><b style="left:-53px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:54px;color:#ea766b"><b style="left:-54px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:55px;color:#e87172"><b style="left:-55px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:56px;color:#e76b79"><b style="left:-56px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:57px;color:#e66680"><b style="left:-57px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:58px;color:#e46186"><b style="left:-58px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:59px;color:#e35b8d"><b style="left:-59px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:60px;color:#e15694"><b style="left:-60px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:61px;color:#e0519a"><b style="left:-61px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:62px;color:#df4ba1"><b style="left:-62px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:63px;color:#dd46a8"><b style="left:-63px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:64px;color:#dc40ae"><b style="left:-64px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:65px;color:#db3bb5"><b style="left:-65px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:66px;color:#d936bc"><b style="left:-66px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:67px;color:#d830c3"><b style="left:-67px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:68px;color:#d72bc9"><b style="left:-68px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:69px;color:#d526d0"><b style="left:-69px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:70px;color:#d420d7"><b style="left:-70px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:71px;color:#d31bdd"><b style="left:-71px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:72px;color:#d115e4"><b style="left:-72px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:73px;color:#d010eb"><b style="left:-73px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:74px;color:#cf0bf2"><b style="left:-74px;width:76px;height:22px;">Enjoy :-) </b></s><s style="height:22px;width:1px;left:75px;color:#cd05f8"><b style="left:-75px;width:76px;height:22px;">Enjoy :-) </b></s></u></div>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yasharetype="button" data-yasharequickservices="vkontakte,facebook,twitter"><span class="b-share"><a class="b-share__handle" id="ya-share-0.532284309854731-1454952609599" data-hdirection="" data-vdirection=""><span class="b-share-form-button b-share-form-button_share"><i class="b-share-form-button__before"></i><i class="b-share-form-button__icon"></i>Поделиться…<i class="b-share-form-button__after"></i></span></a><a rel="nofollow" target="_blank" title="ВКонтакте" class="b-share__handle b-share__link b-share-btn__vkontakte" href="https://share.yandex.net/go.xml?service=vkontakte&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" data-service="vkontakte"><span class="b-share-icon b-share-icon_vkontakte"></span></a><a rel="nofollow" target="_blank" title="Facebook" class="b-share__handle b-share__link b-share-btn__facebook" href="https://share.yandex.net/go.xml?service=facebook&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" data-service="facebook"><span class="b-share-icon b-share-icon_facebook"></span></a><a rel="nofollow" target="_blank" title="Twitter" class="b-share__handle b-share__link b-share-btn__twitter" href="https://share.yandex.net/go.xml?service=twitter&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" data-service="twitter"><span class="b-share-icon b-share-icon_twitter"></span></a></span></div>
<p class="footer">
© <a href="http://mrnix.ru">Sergey Nikitin</a>, 2011...2012. <a href="mailto:[email protected]">[email protected]</a>
</p>
<br><br>
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
//--></script><a href="http://www.liveinternet.ru/click" target="_blank"><img src="//counter.yadro.ru/hit?t44.1;r;s1680*1050*24;uhttp%3A//mrnix.ru/pxgradient/index_en.html;0.5444548963569105" alt="" title="LiveInternet" border="0" width="31" height="31"></a><!--/LiveInternet-->
</div><div id="heithe-itb" style="display: none;"></div>
<div class="b-share-popup-wrap b-share-popup-wrap_state_hidden" id="ya-share-0.532284309854731-1454952609599-popup"><div class="b-share-popup b-share-popup_down b-share-popup_to-right"><div class="b-share-popup__i"><div class="b-share-popup__main b-share-popup_yandexed"><div class="b-share-popup__header b-share-popup__header_first">Поделитесь с друзьями</div><a rel="nofollow" target="_blank" href="https://share.yandex.net/go.xml?service=vkontakte&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" class="b-share-popup__item" data-service="vkontakte"><span class="b-share-popup__icon"><span class="b-share-icon b-share-icon_vkontakte"></span></span><span class="b-share-popup__item__text">ВКонтакте</span></a><a rel="nofollow" target="_blank" href="https://share.yandex.net/go.xml?service=odnoklassniki&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" class="b-share-popup__item" data-service="odnoklassniki"><span class="b-share-popup__icon"><span class="b-share-icon b-share-icon_odnoklassniki"></span></span><span class="b-share-popup__item__text">Одноклассники</span></a><a rel="nofollow" target="_blank" href="https://share.yandex.net/go.xml?service=twitter&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" class="b-share-popup__item" data-service="twitter"><span class="b-share-popup__icon"><span class="b-share-icon b-share-icon_twitter"></span></span><span class="b-share-popup__item__text">Twitter</span></a><a rel="nofollow" target="_blank" href="https://share.yandex.net/go.xml?service=facebook&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" class="b-share-popup__item" data-service="facebook"><span class="b-share-popup__icon"><span class="b-share-icon b-share-icon_facebook"></span></span><span class="b-share-popup__item__text">Facebook</span></a><a rel="nofollow" target="_blank" href="https://share.yandex.net/go.xml?service=moimir&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" class="b-share-popup__item" data-service="moimir"><span class="b-share-popup__icon"><span class="b-share-icon b-share-icon_moimir"></span></span><span class="b-share-popup__item__text">Мой Мир</span></a><a rel="nofollow" target="_blank" href="https://share.yandex.net/go.xml?service=lj&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" class="b-share-popup__item" data-service="lj"><span class="b-share-popup__icon"><span class="b-share-icon b-share-icon_lj"></span></span><span class="b-share-popup__item__text">LiveJournal</span></a><a rel="nofollow" target="_blank" href="https://share.yandex.net/go.xml?service=gplus&url=http%3A%2F%2Fmrnix.ru%2Fpxgradient%2Findex_en.html&title=Text%20gradient.%20jQuery%20plugin" class="b-share-popup__item" data-service="gplus"><span class="b-share-popup__icon"><span class="b-share-icon b-share-icon_gplus"></span></span><span class="b-share-popup__item__text">Google Plus</span></a><a href="http://api.yandex.ru/share/" class="b-share-popup__yandex">Яндекс</a></div></div><div class="b-share-popup__tail"></div></div></div></body></html>
