�N���X�u���E�U�͂����Â��I ���ꂩ���HTML5�{CSS3�����S������R���Z�v�g�A�u�v���O���b�V�u�E�G���n���X�����g�v�Ƃ́H
�@4��26���A���ɓ��{�ł�Internet Explorer�i�ȉ��AIE�j 9�����J����܂����B�܂��A�}�C�N���\�t�g�͑�����IE 10�̃v���r���[�ł����J���Ă���ACSS3��JavaScript���肪�A����ɋ��������Ȃǃ��b�`��Web�\�����������Ă��Ă��܂��B
�@IE�݂̂Ȃ炸�AFirefox�ASafari�AGoogle Chrome�i�ȉ��AChrome�j�ȂǑ���Web�u���E�U�������܂��������Ői�����Ă��Ă���A�X�}�[�g�t�H����^�u���b�gPC�Ȃǂ̃f�o�C�X�����X�ƊJ������A���[�U�[�̉{�������܂��܂����l�����Ă��Ă��܂��B
�@������������̒��ŁA�K�R�I�Ɍ��������Ƃ��ł��Ȃ��Ȃ�m�����A���́u�v���O���b�V�u�E�G���n���X�����g�v�Ƃ����T�O�ł��B
�@Web�u���E�U��[���Ȃǂ̉{���������l�����Ă��Ă��܂��B�����Ȃ��Ă���Ɓu�S�Ẵu���E�U�E�[���Ԃ̌����ڂ⓮�������킹��̂���ς��v�ƁA��Ȗ�ȔY��ł�����������̂ł͂Ȃ��ł��傤���B
�@�S�Ẵu���E�U�œ����\���A����������������Ƃ����T�O���u�N���X�u���E�U�v�ƌĂт܂����A����܂ł�Web�ƊE�ɂ����āA�N���X�u���E�U�͐���̑�O��Ƃ��ė����͂������Ă��܂����B
�@����̓u���E�U�̌݊����ɏœ_�Ă��T�O�ł����A����Ƃ͑�������A�R���e���c�\���ɏœ_�Ă�����̍l�������u�v���O���b�V�u�E�G���n���X�����g�v �Ƃ����T�O�ł��B
�@�ȒP�ɂ����ƁA�u�ǂ̃��[�U�[�ɂ������悤�ɏ��R���e���c����܂����A���������Ă��郆�[�U�[�i���_���u���E�U���p�ҁj�ɂ́A��胊�b�`�Ȍ������ŃR���e���c����܂��傤�v�Ƃ����l�����ł��B
�@�u��������HTML5��CSS3�Ȃǂ̐V�����Z�p���g���鍂�@�\�ȃu���E�U���������Ă����̂�����A��������g���ă��b�`�ȃR���e���c�f�U�C���ƃ��[�U�[�̌�����܂��傤�v�Ƃ����l���������̊T�O�̃x�[�X�ɂ���܂��B
�@CSS3�̃v���p�e�B�̎����ɂ��ẮA2011�N5�����݁A�e�u���E�U�ɂ���đΉ��͂��܂��܂ł��B��s�I��CSS3���������Ă���u���E�U�A���邢�͓Ǝ��������ꂽ�v���p�e�B��p���āA���L���ȃR���e���c�f�U�C����[�U�[�̌������T�C�g�����X�ɑ����Ă��Ă��܂��B
�@���_���u���E�U�����Ƀ��b�`�ɍ��グ��̂͂�������ł����A�u����Ȃ�������悤�ɂ���̂�Y��Ă͂����܂���B�I�[���h�u���E�U�ł��Ӑ}�����ʂ�ɏ������ƕ\�������悤�ɍ��܂��傤�B������u�v���O���b�V�u�E�G���n���X�����g�v�̊T�O�ł��B
�@���ȏ��I�Ȍ��܂�́A�����ł��B�u���_���u���E�U�ɂ́A��胊�b�`�ȃR���e���c�f�U�C�����B�I�[���h�u���E�U�ł��A�������ƕ\�������悤�z������v�m���ɂ��̒ʂ�ł��B�Ƃ͂����A�u��̓I�ɂǂ������ӂ��Ɏ�����Ă��������̂��v�Ƌ^��Ɏv����������܂���̂ŁA�v���O���b�V�u�E�G���n���X�����g�̎�������Ă����܂��傤�B
�@�ł�������₷���Ⴊ�ATwitter�ł͂Ȃ��ł��傤���B
�@��ɂ���IE9�Ō���ƁA��input���v�f���p�ۂɂȂ��Ă��āA����Ƀh���b�v�V���h�E���g�����̓I�ɂ��Ă���A�ׂ����Ƃ���܂Ńf�U�C������Ă���̂�������܂��B������CSS3���g���ĕ\������Ă��܂��B
�@���̕���IE 6�ł́A�p�ۂ�h���b�v�V���h�E�͓K�p����Ă��܂��A���C�A�E�g�͊m�ۂ���Ă��āA�T�[�r�X�𗘗p����ɂ͏\���ȃ��C�����m�ۂ��Ă��܂��B
�@���L�̃L���v�`����YouTube�̌������ʉ�ʂɂ���A�y�[�W��������IE 9��IE 7�ƂŔ�r�������̂ł��B
�@IE 9�Ńy�[�W���Ƀ}�E�X�I�[�o�[���Ă݂�ƁA���肰�Ȃ��h���b�v�V���h�E���K�p����Ă��܂��B
�@IE 7�ł̓h���b�v�V���h�E�͓K�p����ĂȂ����̂́A�T�C�g�𗘗p���镪�ɂ͖��Ȃ��{���⑀�삪�ł��܂��B
�@Safari��Chrome�Ƃ�����Webkit�n�̃u���E�U�Ō���ƁAWebkit�n�̓Ǝ��g���ł��� �u-webkit-animation�v��p���āAMac�̃��C���A�b�v���A�j���[�V�������Ȃ��牡�ɕ���ł����܂��B���傤�ǁAMac OS X�̑��슴���C���[�W������悤�ȁA���߂��Ȃ����[�U�[�̌�����Ă��܂��B
�@����ȊO�̃u���E�U�Ō���ƁA�A�j���[�V�����Ȃ���Mac�̃��C���A�b�v���\������܂����A�������ʏ�̃u���E�W���O�Ɏx��͂���܂���̂ŁA�v���O���b�V�u�E�G���n���X�����g�̊T�O�ɉ����Ă��܂��B
�@����ł͎��ۂɁA�v���O���b�V�u�E�G���n���X�����g�̊T�O�������ꂽ�T�C�g������Ă����܂��傤�B�{�e�ł�CSS3�����C���ɑ�ނƂ��Ď��グ�A���ۂ̃R�[�h�������ĉ�����Ă����܂��B
�@Web�T�C�g���\�z����ɂ������āA�{�^���͍ł��p�ɂɎg�����i���Ǝv���܂��B����܂ł�Web����ł́A�O���f�[�V������p�ۂȂǃ��b�`�ȕ\���̃{�^�������ɂ͉摜���g���K�v������܂����B
�@�������ACSS3���g���A���̂悤�ȃ{�^�����摜���g�킸�ɍ쐬�ł��܂��B
�@�摜���g�킸��CSS�����ō�����{�^���́A�e�L�X�g�G�f�B�^�����ŕҏW���ł���̂ŁA��ƌ����̌��オ���҂ł��܂��B�܂��ACSS�t�@�C���ŊǗ��ł���̂ŁA�ꊇ�ŕ\���̕ύX���ł��A�����e�i���X�������܂�ȂǁA�����̗��_������܂��B
�@���̃{�^��������Ă���HTML��CSS�̃R�[�h�͈ȉ��̂悤�ɂȂ��Ă��܂��B���ۂɂ�CSS3�̃v���p�e�B�́u-webkit-�v�A�u-moz-�v�Ȃǂ̃x���_�v���t�B�b�N�X��t����K�v������܂��i�ڍׂ͌�q�j�B
#btn { position: relative; display: block; width: 200px; padding: 15px 0; text-align: center; cursor: pointer; �@�@�@ color: white; text-decoration: none; line-height: 1; font-weight: bold; letter-spacing: 3px; text-shadow: -1px -1px 1px #C60;�@// CSS3�v���p�e�B border-radius: 10px;�@// CSS3�v���p�e�B box-shadow: 0 5px 1px #C60, 0 7px 5px #CCC;�@// CSS3�v���p�e�B } #btn:link, #btn:visited { background: #F70; } #btn:hover { background: #FB3; } #btn:active { background: #FC2; box-shadow: 0 0 1px #871, 0 2px 2px #CCC;�@// CSS3�v���p�e�B top: 5px; }
�@�܂��A�R�[�h�̎��s���ʂ��ȉ�����m�F�ł��܂��B
�v���O���b�V�u�G���n���X�����g�i�{�^���j - jsdo.it - share JavaScript, HTML5 and CSS |
CSS3��p���č쐬�����{�^���i��j��CSS3��Ή��u���E�U�ł̕\�����Č������{�^���i���j�i�� �Đ��{�^�����N���b�N���Ă����������A�E���́uPlay�v�{�^�����N���b�N���Ă����������A�R�[�h�̎��s���ʂ��m�F�ł��܂��B����ɁA�v���r���[���ɉE���́uSTOP�v�{�^�����N���b�N������A�R�[�h���m�F�ł��܂��j |
�@2����ł���{�^���̂����A��̃{�^����CSS3�ō�����{�^���̂��߁A��q�Ŏ������摜�ǂ���\������܂��B���̃{�^����CSS3��Ή��̃u���E�U�ł̕\�����������߂ɍ쐬�����A��̃{�^������CSS3�v���p�e�B�����{�^���ł��B
�@CSS3�Ή��u���E�U�����g���̕��́A�オCSS3�K�p�̃��b�`�{�^���A����CSS3�v���p�e�B�Ȃ��̃V���v���ȃ{�^�����\������܂��BCSS3��Ή��̃u���E�U�ł́A�㉺�Ƃ���CSS3�v���p�e�B�Ȃ��̃V���v���ȃ{�^�����\������܂��B���Ј�x�ACSS3�Ή��̃u���E�U�i��q�j�ʼn{�����Ă����������Ƃ������߂��܂��B���̂悤�ȃ{�^���ł����CSS3���Ή��̃u���E�U�ł����Ȃ��������܂��B
�@��L�̃{�^���̂悤�ɁA�v���O���b�V�u�E�G���n���X�����g�ő��ɂ�Web�y�[�W���i������Ă݂܂����B
�v���O���b�V�u�G���n���X�����g�i�e�L�X�g�{�b�N�X�j - jsdo.it - share JavaScript, HTML5 and CSS |
CSS3�Ɓu:focus�v�^���N���X��p���āA���͒��̃f�U�C�����������e�L�X�g�{�b�N�X�i��j��CSS3��Ή��u���E�U�ł̕\�����Č������e�L�X�g�{�b�N�X�i���j�i�� �Đ��{�^�����N���b�N���Ă����������A�E���́uPlay�v�{�^�����N���b�N���Ă��������ƁA�R�[�h�̎��s���ʂ��m�F�ł��܂��B����ɁA�v���r���[���ɉE���́uSTOP�v�{�^�����N���b�N������A�R�[�h���m�F�ł��܂��j |
�@��Ɏ������e�L�X�g�{�b�N�X�ł́A�p�ۂ�O���f�[�V�����Ȃǂ�CSS3�v���p�e�B�̑��ɁA�u:focus�v�^���N���X��p���āA�e�L�X�g�{�b�N�X���͒��̃f�U�C�����w�肵�Ă��܂��B�p�ۂ�O���f�[�V�����A�u:focus�v�^���N���X�̎g���Ȃ��u���E�U�ł��Œ���@�\����悤CSS��ݒ肵�Ă��܂��B
�v���O���b�V�u�G���n���X�����g�i�A�j���[�V�����C���j - jsdo.it - share JavaScript, HTML5 and CSS |
�A�C�R����CSS3�A�j���[�V�����ő����������o���i��j��CSS3��Ή��u���E�U�ł̕\�����Č��������o���i���j�i�� �Đ��{�^�����N���b�N���Ă����������A�E���́uPlay�v�{�^�����N���b�N���Ă����������A�R�[�h�̎��s���ʂ��m�F�ł��܂��B����ɁA�v���r���[���ɉE���́uSTOP�v�{�^�����N���b�N������A�R�[�h���m�F�ł��܂��j |
�@��Ɏ��������o���ł́A�A�C�R���������A�j���[�V�����ʼn�]���܂��BCSS3�̃A�j���[�V������p���Ă��邽�߁ACSS3��Ή��̃u���E�U�ł͉�]���܂��A���Ȃ��{���ł��܂��B
�@�����̂悤�ɁA�v���O���b�V�u�E�G���n���X�����g�̊T�O�ŃT�C�g�𐧍삷��ƁA�V�����Z�p��ϋɓI�Ɏg���邽�߁A���b�`�ȕ\������y�ɍs���܂��B
Copyright © ITmedia, Inc. All Rights Reserved.