Computer Science, asked by singhgutwinder30, 9 months ago

explain with the help of diagram artificial intelligence? with diagram ​

Answers

Answered by kriti124
4
&lt;!DOCTYPE html&gt; <br /><br />&lt;html lang="en"&gt; <br /><br />&lt;head&gt; <br /><br />&lt;title&gt;Project name&lt;/title&gt; <br /><br />&lt;/head&gt; <br /><br />&lt;h1&gt;DORAEMON&lt;/h1&gt; <br />&lt;p&gt;FOLLOW ME&lt;/p&gt; <br />&lt;div class="dora"&gt;&lt;/div&gt; <br />&lt;style&gt; <br /><br />body {background:#3FBF50;font-family:sans-serif;} <br />h1 { margin:1em auto;text-align:center;color:#fff; } <br />p { margin:1em auto;text-align:center;color:#fff; } <br /><br />.dora { <br />cursor: pointer; <br />font-size:20px; <br />width:10em; <br />height:9.9em; <br />margin:2em auto 10em; <br />position:relative; <br />border-radius:50%; <br />background:#fff;/*face*/ <br />box-shadow: <br />/*leg L*/ <br />2.5em 10.7em 0 -3.5em #fff, <br />2.5em 10.9em 0 -3.2em #ddd, <br />2.5em 10.9em 0 -3.1em #000, <br />/*hand R*/ <br />-5.9em 4.3em 0 -3.5em #fff, <br />-5.7em 4.4em 0 -3.2em #ddd, <br />/*bell*/ <br />0 5.5em 0 -4.5em #dd0, <br />0 5.5em 0 -4.4em #000, <br />/*neck*/ <br />0 1.2em 0 -1em #000, <br />0 2em 0 -1.3em #d00, <br />0 2.1em 0 -1.3em #000, <br />/*body*/ <br />0 7.1em 0 -1.8em #f8f8f8,/*body inner*/ <br />0 7.1em 0 -1.2em #26f, <br />/*arm R*/ <br />-4.6em 5.0em 0 -3.8em #15e, <br />-3.3em 5.4em 0 -4em #15e, <br />/*leg R*/ <br />-1.3em 10.8em 0 -3.6em #26f, <br />-1.3em 11.8em 0 -3.6em #eee, <br />/*arm L*/ <br />3.2em 5.9em 0 -4.0em #26f, <br />3.6em 6.0em 0 -4.0em #26f, <br />3.9em 6.1em 0 -4.0em #26f, <br />4.0em 6.2em 0 -4.0em #26f, <br />4.1em 6.3em 0 -4.0em #26f, <br />4.2em 6.4em 0 -4.0em #26f, <br />4.3em 6.5em 0 -4.0em #26f, <br />/*hand L*/ <br />5.4em 7.1em 0 -4.1em #eee, <br />/*head*/ <br />0 1em 0 1em #26f inset, <br />/*outline*/ <br />0 7.1em 0 -1.1em #000,/*body*/ <br />0 0 0 0.1em #000,/*head*/ <br />-5.7em 4.4em 0 -3.1em #000,/*hand R*/ <br />5.4em 7.1em 0 -4.0em #000,/*hand L*/ <br />-1.3em 11.8em 0 -3.5em #000,/*leg R*/ <br />/*arm L*/ <br />3.2em 5.9em 0 -3.9em #000, <br />3.6em 6.0em 0 -3.9em #000, <br />3.9em 6.1em 0 -3.9em #000, <br />4.0em 6.2em 0 -3.9em #000, <br />4.1em 6.3em 0 -3.9em #000, <br />4.2em 6.4em 0 -3.9em #000, <br />4.3em 6.5em 0 -3.9em #000, <br />/*arm R*/ <br />-4.6em 5.0em 0 -3.7em #000, <br />-3.3em 5.4em 0 -3.9em #000, <br />/*leg R*/ <br />-1.3em 10.8em 0 -3.5em #000, <br />0 0 0 0 transparent;/* --- */ <br />} <br /><br />.dora:after { <br />font-size:1em; <br />display:block; <br />width:1em; <br />height:1em; <br />position:absolute; <br />top:3em; <br />left:4.5em; <br />border-radius:50%; <br />content:"|"; <br />line-height:1; <br />color:transparent; <br />text-shadow: <br />0 0em 0 #000,/*nose line*/ <br />0 0.74em 0 #000,/*nose line*/ <br />0 0 0 transparent;/* --- */ <br />; <br />text-align:center; <br />line-height:2.8; <br />background:#fff;/*nose highLight*/ <br />box-shadow: <br />-0.1em 0 0 0.3em #c00 inset,/*nose*/ <br />/*eye L*/ <br />0.9em -1.5em 0 -0.4em #fff, <br />1em -1.3em 0 -0.2em #000, <br />1.1em -1.3em 0 0.5em #fff,/*eye white*/ <br />1.1em -1.3em 0 0.6em #333,/*eyeline*/ <br />/*eye R*/ <br />-1.1em -1.5em 0 -0.4em #fff, <br />-1em -1.3em 0 -0.2em #000, <br />-1em -1.3em 0 0.5em #fff,/*eye white*/ <br />-1em -1.3em 0 0.6em #333,/*eyeline*/ <br />0 0 0 0 transparent;/* --- */ <br />} <br />.dora:before { <br />font-size:1em; <br />width:5em; <br />height:2.5em; <br />display:block; <br />margin:5em auto; <br />position:absolute; <br />top:1em; <br />left:2.5em; <br />content:"——"; <br />color:transparent; <br />letter-spacing:-0.26em; <br />text-shadow: <br />3em -2em 0 #000,/*hige*/ <br />3em -2.5em 0 #000, <br />3em -3em 0 #000, <br />-3em -2em 0 #000,/*hige*/ <br />-3em -2.5em 0 #000, <br />-3em -3em 0 #000, <br />0 0 0 transparent;/* --- */ <br />; <br />text-align:center; <br />border-radius:0 0 50% 50% / 0 0 100% 100%; <br />background:#d33;/*mouse*/ <br />box-shadow: <br />0 2em 0em -1em #c00 inset,/*mouse*/ <br />0 6.2em 0 0 #f8f8f8,/*pocket*/ <br />0 6.2em 0 0.1em #333,/*pocket*/ <br />0 0 0 0 transparent;/* --- */ <br />} <br /><br />/* tansition */ <br />.dora, <br />.dora:before, <br />.dora:after { <br />-webkit-transform: translate3d(0,0,0); <br />-webkit-transition:0.5s; <br />-moz-transform: translate3d(0,0,0); <br />-moz-transition:0.5s; <br />transform: translate3d(0,0,0); <br />transition:0.5s; <br />} <br />.dora:hover, <br />.dora:hover:before, <br />.dora:hover:after { <br />border-radius: 0; <br />box-shadow:none; <br />-webkit-transform: translate3d(0,0,0); <br />-moz-transform: translate3d(0,0,0); <br />transform: translate3d(0,0,0); <br />} <br />&lt;/style&gt; <br />&lt;/body&gt; <br />&lt;/html&gt;
Answered by kings07
3
nice doremon bro...............
Similar questions